vue使用vue-count-to实现数字的动态滚动功能，适用于数据可视化大屏项目中使用数字滚动。

1
2
3
// 1、安装vue-count-to
npm isntall vue-count-to
// 2、组件内引入、注册 startVal endVal 类型为Number

代码如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<template>
  <countTo :startVal='startVal' :endVal='number' :duration='3000' :decimals='0'  :autoplay=true></countTo>
</template>
<script>
import countTo from 'vue-count-to';
  export default{
    components:{countTo},
    props:{
      number: [Number, String],
      startVal:{
        type:Number,
        default:0
      }
    }
  }
</script>