nuxt中将vue-countup-v2的开始值和结束值设置成一样的动画效果如何取消
在将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/0jm 著作权归作者所有。请勿转载和采集!