1.0.2-beta-1 • Published 1 year ago
ft-count-to v1.0.2-beta-1
引用方式
import ftCountTo from 'ft-count-to'; // 引入的组件
const app = createApp(App);
app.use(ftCountTo).mount('#app');
...
// 组件使用
<countTo :startVal="0" :endVal="2022" :duration='3000'></countTo><template>
<countTo :startVal="0" :endVal="2022" :duration='3000'></countTo>
</template>
<script setup>
import { countTo } from 'ft-count-to';
</script>Options
| Property | Description | type | default |
|---|---|---|---|
| startVal | the value you want to begin at | Number | 0 |
| endVal | the value you want to arrive at | Number | 2022 |
| duration | duration in millisecond | Number | 3000 |
| autoplay | when mounted autoplay | Boolean | true |
| decimals | the number of decimal places to show | Number | 0 |
| decimal | the split decimal | String | . |
| separator | the separator | String | , |
| prefix | the prefix | String | '' |
| suffix | the suffix | String | '' |
| useEasing | is use easing function | Boolean | true |
| easingFn | the easing function | Function | — |
notes: when autoplay:true , it will auto start when startVal or endVal change
Functions
| Function Name | Description |
|---|---|
| mountedCallback | when mounted will emit mountedCallback |
| start | start the countTo |
| pause | pause the countTo |
| reset | reset the countTo |