Nuxt.js 中如何取消 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/mkPT 著作权归作者所有。请勿转载和采集!