滑动输入条 Slider

基本

<za-cell title="普通">
  <za-slider :default-value="40" @change="handleChange"></za-slider>
</za-cell>
<za-cell title="设置默认值">
  <za-slider :default-value="20"></za-slider>
</za-cell>
<za-cell title="设置上下限">
  <za-slider :min="-100" :max="100" v-model="initvalue" @change="handleChange"></za-slider>
</za-cell>
<za-cell title="设置步长">
  <za-slider :step="10"></za-slider>
</za-cell>
<za-cell title="禁用状态">
  <za-slider :default-value="20" disabled></za-slider>
</za-cell>

Vue Script

<script name="vue">
export default {
  data() {
    return {
      initvalue: 10,
    }
  },
  methods: {
    handleChange(){
      const self = this;
      console.log(self.initvalue)
    }
  },
};
</script>

API

Slider Attributes

Slider Events