vue-count-to插件使用方法

目录

1、安装

2、使用

3、参数说明

4、功能说明

---

1、安装

npm install vue-count-to

2、使用

<template>
  <countTo :startVal='startVal' :endVal='endVal' :duration='3000'></countTo>
</template>
 
<script>
  import countTo from 'vue-count-to';
  export default {
    components: { countTo },
    data () {
      return {
        startVal: 0,
        endVal: 2021
      }
    }
  }
</script>

3、参数说明

属性	描述
startVal	开始值
endVal	结束值
duration	持续时间，毫秒
autoplay	自动播放
decimals	要显示的小数位数
decimal	十进制分割
separator	分隔符
prefix	前缀
suffix	后缀
useEasing	使用缓和功能
easingFn	使用缓和回调

4、功能说明

属性	描述
mountedCallback	挂载以后返回回调
start	开始计数
pause	暂停计数
reset	重置countTo