1、下载组件
npm install vue-count-to --save
也可使用淘宝镜像下载
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm install vue-count-to --save
2、页面使用
<template>
<countTo :startVal='startVal' :endVal='endVal' :duration='duration'></countTo>
</template>
<script>
import countTo from 'vue-count-to';
export default {
components: { countTo },
data () {
return {
// 需要滚动的时间
duration: 5000,
// 初始值
startVal: 0,
// 最终值
endVal: 2018
//显示的小数位数
decimals:1
}
}
}
</script>
更多配置项:
查看:https://www.cnblogs.com/xiaolucky/p/12599671.html