vue数字滚动插件

1.安装

在控制台输入npm install vue-count-to来安装vue-count-to插件

2. 导入插件并声明

在需要使用的页面导入插件,并声明使用

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