Vue项目给数字添加滚动增加效果
最近做大屏UI需要实现数字滚动增加的效果 研究了一下 发现有个插件很好用 分享并记录一下
首先安装依赖 npm i vue-count-to -S
<VueCountTo :startVal="0" :endVal="10" :decimals="2" ></VueCountTo> import VueCountTo from 'vue-count-to'; components: { VueCountTo }
需要注意的是startValue endValue decimas 数据类型都是number类型
核心就是上面的几行代码 具体的其他参数配置
参照 https://www.npmjs.com/package/vue-count-to
代码搬运工