1.安装依赖:
npm install vue-count-to -D
2.应用
<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: 2020
}
}
}
</script>
属性 | 描述 |
---|---|
startVal | s |
endVal | 结束值 |
startVal | 开始值 |
duration | 持续时间以毫秒为单位 |
autoplay | 自动播放 |
decimals | 要显示的小数位数 |
decimal | 十进制分割 |
separator | 分隔符 |
prefix | 前缀 |
suffix | 后缀 |
useEasing | 使用缓和功能 |
easingFn | 缓和回调 |
4.功能
属性 | 描述 |
---|---|
mountedCallback | 挂载以后返回回调 |
start | 开始计数 |
pause | 暂停计数 |
reset | 重置countTo |