vue-countTo---简单好用的一个数字滚动插件

    技术2022-07-11  81

    vue-countTo是一个无依赖,轻量级的vue组件,可以自行覆盖easingFn。

    你可以设置 startVal 和 endVal,它会自动判断计数或倒计时。支持vue-ssr。vue-countTo参考于countUp.js;

    安装使用:

    npm install vue-count-to <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: 2017 } } } </script>

    选项

    PropertyDescriptiontypedefaultstartVal开始值Number0endVal结束值Number2017duration持续时间,以毫秒为单位Number3000autoplay自动播放Booleantruedecimals要显示的小数位数Number0decimal十进制分割String.separator分隔符String,prefix前缀String''suffix后缀String''useEasing使用缓和功能BooleantrueeasingFn缓和回调Function—

    ** 注意:当autoplay:true时,它将在startVal或endVal更改时自动启动**

    功能

    Function NameDescriptionmountedCallback挂载以后返回回调start开始计数pause暂停计数reset

    重置countTo

    更多例子:demo

     

    Processed: 0.011, SQL: 9