vue刻度尺組件

參考  https://python.ctolib.com/328921371-ruler.html

 

法一

cs-ruler  插件

npm install cs-ruler

<template>
  <div>
    <cs-ruler @post-NumValue="rulerNum" :NowNum='100' :maxNum='500' :minNum='0'></cs-ruler>
  </div>
</template>
<script>
import Vue from 'vue'
import CsRuler from 'cs-ruler'
Vue.use(CsRuler)
export default {
  methods: {
    //子組件傳遞刻度表
    rulerNum(value){
      this.NumValue = value
    }
  }
}
</script>

 

法二（只提供思路）

vue-awesome-swiper 組件自己封裝實現

自行百度