vue-rule-scale v1.0.3

How to use?

npm i vue-rule-scale

Example

<template>
    <vue-rule-scale 
      v-model="isPopup" 
      ref="rule" 
      @confirmCallback="handlerSuccess" 
      @cancelHandle="handlerError"
      title="选择身高"
      :stateNum="50"
      :defaultNum="50"
      :minNum="0"
      :maxNum="200"
      unit="kg"
    />
</template>

<script>
  import vueRuleScale from 'vue-rule-scale'
  export default {
    components: { vueRuleScale },
    data () {
      return {
        isPopup: false 
      }
    },
    methods: {
        handlerSuccess(e) {
            console.log(e)
        }
    }
  }
</script>

// 弹窗显示的时候需要手动触发touchstarts方法
this.$nextTick(()=>{
    this.$refs.rule.touchstarts()
})