vue中使用数字滚动插件

  • 数字滚动插件:vue-count-to是一个用于实现数字动画效果的插件,可以让数字在一定时间内从一个值平滑地过渡到另一个值。
  1. 安装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表示过渡时间(单位为毫秒)

猜你喜欢

转载自blog.csdn.net/m0_71933813/article/details/129898175
今日推荐