nuxt2中使用countup设置开始时间无效
可能是因为在Nuxt.js中,页面渲染时需要等待所有组件都加载完成后才会开始执行mounted生命周期钩子函数。而countup初始化需要在mounted生命周期钩子函数中进行,所以如果设置了开始时间,在组件还没有完全加载完成时,可能会导致初始化失败。
解决方法可以尝试将countup的初始化代码放在异步函数中执行,确保组件加载完成后再进行初始化。例如:
async mounted() {
await this.$nextTick() // 等待组件加载完成
const countup = new CountUp('elementId', 0, 100, 0, 2.5)
countup.start()
}
其中,this.$nextTick()是Nuxt.js提供的异步函数,用于等待组件渲染完成后再执行回调函数。这样就可以确保countup初始化时组件已经加载完成了。
原文地址: https://www.cveoy.top/t/topic/536 著作权归作者所有。请勿转载和采集!