Skip to content

CountTo

基础用法

手动控制开始与暂停

设置计数保留小数点位数

当在使用 animation 动画时,整体的计数动画时长会改变,整体时长会由 duration 变为 duration + animationDuration,在使用 stopCount 时也会延迟 animationDuration 的时间才完全停止,所以如果将 animationDuration 设置为 0 ,则不会出现滚动动画

CountTo Props

名称类型说明默认值
startValuenumber计数起始值0
endValuenumber计数结束目标值-
durationnumber从起始值到结束目标值的计数时长,单位ms2000
decimalnumber保留小数点位数,默认会保留 startValueendValue 中最长的小数位数-
autoStartboolean自动开始计数true
animationboolean是否使用滚动动画false
animationDurationnumber滚动动画的持续时长,单位ms2000

CaptchaSlider Events

名称说明参数
change当前数字变化时触发(value: number)
finish计数完成后触发-

CaptchaSlider Exposes

名称说明类型
reset重置为初始状态() => void
startCount开始计数() => void
stopCount暂停计数() => void

CountTo slots

名称说明参数
default显示内容(value: number)
prefix数字前缀-
suffix数字后缀-