Skip to content
On this page

示例

1000

<template>
  <Vue3Countup :number="number" />
</template>

<script setup lang="ts">
import { Vue3Countup } from '../../src'
import { ref } from 'vue'

const number = ref<string | number>(1000)

setInterval(() => {
  number.value = (Math.random() * 5000).toFixed(2)
}, 3000)
</script>

属性

属性名说明类型默认值
number用于滚动的数字string,numberundefined
decimalPlaces控制数字位数,不传位数自动计算numberundefined
suffix后缀string''
defaultNumber默认值string,number0
moreOptions更多属性,见countup.jsCountUpOptions{}

事件

事件名说明回调参数
finish滚动结束val:文本

Released under the MIT License.