插件地址:https://ext.dcloud.net.cn/plugin?id=3940

注意:

当改变值是,让滑块自动滑动需要调用:

this.$refs.powerSlider.updateValue(that.tempPowerValue[0], that.tempPowerValue[1], false);

<view style="width: 90%;margin: 15px">
   <cj-slider ref="powerSlider" v-model="tempPowerValue" :min="0" :max="960" :step="240" :blockWidth="40" activeColor="#15BB83" moveHeight="50" />
   <view class="ft12 flex-c-b mt40" style="color: #606266;">
       <text>0kw</text>
       <text>240kw</text>
       <text>480kw</text>
       <text>720kw</text>
       <text>960kw</text>
   </view>
</view>

this.$refs.powerSlider.updateValue(that.tempPowerValue[0], that.tempPowerValue[1], false);