0.1.0 • Published 6 years ago
k-count-to v0.1.0
数字过渡组件
安装
1、npm install -save k-count-to 或者 yarn add k-count-to
2、引用组件
// main.js
import CountTo from 'k-count-to'
Vue.component('count-to', CountTo);使用
1、参数
| 名称 | 是否必填 | 格式 | 含义 |
|---|---|---|---|
| startCount | 否,默认"0" | Number | 过渡前的数字 |
| endCount | 是 | Number | 过渡后的数字 |
| tag | 否,默认"span" | String | 渲染标签 |
| autoPlay | 否,默认"true" | Boolean | 是否渲染时自动播放 |
| totalTime | 否,默认"1000" | Number | 单位ms |
2、方法
go(Boolean) 刷新组件过渡动画,接受Boolean传参，代表是否从startCount重新播放过渡动画
demo:
<count-to :endCount="1000" $ref="CountTo"/>
...
foo () {
//this.$refs.CountTo.go(true);
this.$refs.CountTo.go();
}
...