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