效果
源碼
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 + '元'"/>