安装:

npm install vue-count-to

引入:

import countTo from 'vue-count-to';

使用:

<template>
  <countTo :startVal='startVal' :endVal='endVal' :duration='3000'></countTo>
</template>
 
<script>
  import countTo from 'vue-count-to';
  export default {
    components: { countTo },
    data () {
      return {
        startVal: 0,
        endVal: 2019
      }
    }
  }
</script>

也可以直接写在标签上,第一个是起始数字,第二个是结束数字,第三个是秒数。

  <countTo :startVal='0' :endVal='2019' :duration='3000'></countTo>

详细参数参见:vue-count-to

Logo

Vue社区为您提供最前沿的新闻资讯和知识内容

更多推荐