Vue3 onload 方法不执行的原因及解决方案?
vue3不执行onload方法下面是我的测试代码,mounted和nextTick总是前后脚一起打印出来,但onload不执行我的需求是弄一个loading,所以需要监听页面是否完全加载完成关闭loading
window.onload = () => {
console.log('loaded')
}
onMounted(() => {
console.log('mounted')
nextTick(() => {
console.log('nextTick');
})
})
会出现背景图还没渲染完成的情况
回复
1个回答

test
2024-06-20
你onload只有写在入口main.js内才有效。否则其他控件内都已经在onload之后了。所以在组件内是不会触发onload事件的。在vue组件中只能使用$nextTick来确保组件挂载完毕之后执行。
回复

适合作为回答的
- 经过验证的有效解决办法
- 自己的经验指引,对解决问题有帮助
- 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
- 询问内容细节或回复楼层
- 与题目无关的内容
- “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容