vue一个很好用的数字滚动插件 vue-count-to
1.安装
npm instasll vue-count-to
2.引入
Vue2
import countTo from 'vue-count-to';
Vue3
import countTo from 'vue3-count-to';
3.使用
Vue2
Vue3
参数
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| startVal | 起始值 | Number | 0 |
| endVal | 结束值 | Number | 2017 |
| duration | 持续时间 | Number | 3000 |
| autoplay | 自动播放 | Boolean | true |
| decimals | 要显示的小数位数 | Number | 0 |
| decimal | 十进制分割 | String | . |
| separator | 分隔符 | String | , |
| prefix | 前缀 | String | '' |
| suffix | 后缀 | String | '' |
| useEasing | 使用缓和功能 | Boolean | true |
| easingFn | 缓和回调 | Function | — |
功能
| Function Name | Description |
|---|---|
| mountedCallback | 挂载以后返回回调 |
| start | 开始计数 |
| pause | 暂停计数 |
| reset | 重置CountTo |
详细可见
Vue2
vue-count-to
Vue3
vue3-count-to