【vue-number-scroll】数字逐渐增加或者减少的滚动解决方案

效果

源码

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

安装

	npm install --save vue-number-scroll

引入

	import vns from 'vue-number-scroll'

使用

	<vns :start="0" :end="99" :times="10" :speed="50"/>

参数

参数名	默认值	备注
speed	50	跳转的间隔时间
times	10	从开始到结束，变换的次数
start	0	起始数值
end	0	目标达到的数值

例子

	排名：<vns :start="0" :end="99" :speed="80" :times="20" :format="num => '第' + num + '名'"/>
    金额：<vns :start="0" :end="18299.5" :speed="80" :times="10" :format="num => num + '元'"/>