vue中数字滚动组件的使用

在项目中的用法

1.安装 npm i vue-count-to

2.引入

3.注册组件   在vue中 这个组件不应该在data里面 所以用的时候要注意 components 和 data 是同级

4）在页面上用

 

在需要的地方进行插入 :startVal是开始数字  :endVal是结束数字 需要注意: 如果后台传的是字符串类型,用parseInt() 转换一下

infoObj.bannersNum是从数据库里面传过来的 这个要根据实际接口操作（和后台接口参数名和规则一致），此处是调了接口的数字统计接口，数据也和后台一致

4）效果：

 

数字会有一个变化，第一个从0滚动到19999，第二个从0滚动到4000，以此......