效果
安装
npm install --save vue-number-scroll引入
import vns from 'vue-number-scroll'
components: {vns},使用
<vns :start="0" :end="99" :times="10" :speed="50"/>参数
| 参数名 | 默认值 | 备注 |
|---|---|---|
| speed | 50 | 跳转的间隔时间 |
| times | 10 | 从开始到结束，变换的次数 |
| start | 0 | 起始数值 |
| end | 0 | 目标达到的数值 |
Demo
排名：<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 + '元'"/>源码
https://github.com/jarjune/vue-number-scroll
Comments | NOTHING