vue数字滚动插件
1.安装
在控制台输入npm install vue-count-to来安装vue-count-to插件
- 导入插件并声明
在需要使用的页面导入插件,并声明使用
3.使用插件:
第一种方法:
<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: 2017
}
}
}
</script>
第二种方法:
<template>
<countTo :startVal='0' :endVal='2019' :duration='3600'></countTo>
</template>
<script>
import countTo from 'vue-count-to';
export default {
components: { countTo },
data () {
return {
}
}
}
</script>
下面是可以设置的一些参数,可供参考!
转自 https://baijiahao.baidu.com/s?id=1684770570244473157&wfr=spider&for=pc
