wdit-countup

Vue 3 + Vite

This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 <script setup> SFCs, check out the script setup docs to learn more.

Recommended IDE Setup

• VS Code + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).

属性配置

endVal Number | String - 结束值
startVal Number | String 0 起始值
duration Number 2.5 动画时长，单位：秒
decimalPlaces Number 0 小数点位数 1.1.0
autoplay Boolean true 是否自动计数
loop Boolean | Number false 循环次数，有限次数 / 无限循环
delay Number 0 loop 循环的间隔时间，单位：秒
options Object - countUp.js配置

countUp.js

属性

方法

开始计数（Start animation）

countUp.start();

切换暂停/恢复（Toggle pause/resume）

countUp.pauseResume();

重置数值（Reset the animation）

countUp.reset();

修改结束值且继续动画（Update the end value and animate）

countUp.update(1000);