Vue项目给数字添加滚动增加效果

最近做大屏UI需要实现数字滚动增加的效果 研究了一下 发现有个插件很好用 分享并记录一下

首先安装依赖 npm i vue-count-to -S

<VueCountTo
          :startVal="0"
          :endVal="10"
          :decimals="2"
        ></VueCountTo>


import VueCountTo from 'vue-count-to';

components: {
  VueCountTo
}

需要注意的是startValue  endValue decimas 数据类型都是number类型

核心就是上面的几行代码 具体的其他参数配置

参照 https://www.npmjs.com/package/vue-count-to