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.參數(shù)
| 屬性 | 描述 |
|---|---|
startVal |
開始值 |
endVal |
結(jié)束值 |
duration |
持續(xù)時間，以毫秒為單位 |
autoplay |
自動播放 |
decimals |
要顯示的小數(shù)位數(shù) |
decimal |
十進制分割 |
separator |
分隔符 |
prefix |
前綴 |
suffix |
后綴 |
useEasing |
使用緩和功能 |
easingFn |
緩和回調(diào) |
4.功能
| 屬性 | 描述 |
|---|---|
mountedCallback |
掛載以后返回回調(diào) |
start |
開始計數(shù) |
pause |
暫停計數(shù) |
reset |
重置countTo |
