在将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表示没有动画效果,直接显示最终的数值。

nuxt中将vue-countup-v2的开始值和结束值设置成一样的动画效果如何取消

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

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