效果

源码

https://github.com/jarjune/vue-number-scroll

安装

npm install --save vue-number-scroll

引入

import vns from 'vue-number-scroll'

使用

<vns startNum="0" endNum="99" times="10" speed="50"/>

参数

参数名默认值备注

speed	50	跳转的间隔时间(毫秒)
times	10	从开始到结束，变换的次数
startNum	0	起始数值
endNum	0	目标达到的数值

例子

排名：<vns startNum="0" endNum="99" speed="80" times="20"/>金额：<vns startNum="0" endNum="18299.5" speed="80" times="10"/>

转载于:https://www.cnblogs.com/jarjune/p/10167760.html

总结

以上是生活随笔为你收集整理的【vue-number-scroll】数字逐渐增加或者减少的滚动解决方案的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。