1、官方地址:http://inorganik.github.io/countUp.js/
2、官方demo:
3、参数说明:
params——start(开始数字)、end(结束数字)、decimals(小数位数)、duration(持续时间)
options——useEasing(设置宽松)、useGrouping(是否使用千位分隔符)、separator(千位分隔符)、decimal(小数点分隔符)、prefix(前缀符)、suffix(后缀符,可以加单位)
methods——start(开始)、pause/resume(暂停/重新开始)、reset(重置)、update(更新到该值)
4、vue代码:
<i-count-up :start="0" :end="total" :decimals="0" :duration="2.5" :options="options" ></i-count-up>
import ICountUp from 'vue-countup-v2' export default { name: 'dashboard', data () { return { options: { useEasing: true, useGrouping: true, separator: ',', decimal: '.', prefix: '', suffix: '' }, total: 100 } } }