vue-tool-ruler v0.0.4

vue-tool-ruler

安装

npm install vue-tool-ruler --save

在main.js中引入组件和样式

import vueToolRuler from 'vue-tool-ruler'
import 'vue-tool-ruler/lib/vue-tool-ruler.css'
Vue.use(vueToolRuler)

使用

<vue-tool-ruler ref="vueToolRuler" :max="100" :min="0" :spacing="10" @getRulerScore="getRulerScore"></vue-tool-ruler>

属性

事件

// @getRulerScore

methods: {
    getRulerScore(num) {
      //得到点击尺子对应的刻度值  
      console.log(num);
    }
  }

方法

// setCurrentScore
// 设置尺子当前的刻度，若传入的值小于最小刻度或大于最大刻度，则设置无效
this.$refs.vueToolRuler.setCurrentScore(100)

交流

欢迎交流和贡献代码