拾光°
常用的vue插件
02/16
总结简单易用组件
vue-count-to 简洁的数字滚动组件
vue-count-to是一个无依赖，轻量级的vue组件
<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>参数
| 属性 | 描述 |
|---|---|
| startVal | 开始值 |
| endVal | 结束值 |
| duration | 持续时间，以毫秒为单位 |
| autoplay | 自动播放 |
| decimals | 要显示的小数位数 |
| decimal | 十进制分割 |
| separator | 分隔符 |
| prefix | 前缀 |
| suffix | 后缀 |
| useEasing | 使用缓和功能 |
| easingFn | 缓和回调 |
功能
| 属性 | 描述 |
|---|---|
| mountedCallback | 挂载以后返回回调 |
| start | 开始计数 |
| pause | 暂停计数 |
| reset | 重置countTo |
