- 数字滚动插件:vue-count-to是一个用于实现数字动画效果的插件,可以让数字在一定时间内从一个值平滑地过渡到另一个值。
- 安装vue-count-to插件
npm install vue-count-to --save
2.在组件中引入vue-count-to插件
import { CountTo } from 'vue3-count-to'//引入数字滚动器
3.在组件中使用CountTo组件
<count-to :startVal="0" :endVal="waitStockCounts" :duration="3000"></count-to>
注意:
- startVal表示开始的数值
- endVal表示结束的数值
- duration表示过渡时间(单位为毫秒)