数字滚动插件——vue-count-to

596 阅读1分钟

在vue项目中要实现数字动态滚动效果时,通常使用vue-count-to插件来实现。步骤如下:

一、安装依赖

npm install --save vue-count-to

二、单独页面引用并注册组件

<script>
import countTo from 'vue-count-to';
export default {
  components: {
    countTo,
  },
}

三、直接使用

<div>
	<countTo class="num" :startVal='0' separator="" :endVal='item.num' :duration='2000'></countTo>
</div>

四、常见配置项

详情见vue-count-to官网

在这里插入图片描述