在使用 vue-countup-v2 时,如果将开始值和结束值设置成一样,可以通过设置 props 中的 duration 属性为 0 来取消动画效果,如下所示:

<template>
  <div>
    <count-up :startVal='count' :endVal='count' :duration='0' />
  </div>
</template>

<script>
import CountUp from 'vue-countup-v2'

export default {
  components: {
    CountUp
  },
  data () {
    return {
      count: 100
    }
  }
}
</script>

设置 duration 为 0 表示没有动画效果,直接显示最终的数值。


原文地址: https://www.cveoy.top/t/topic/mkPT 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录