Vue3 onload 方法不执行的原因及解决方案?

作者站长头像
站长
· 阅读数 12

vue3不执行onload方法下面是我的测试代码,mounted和nextTick总是前后脚一起打印出来,但onload不执行我的需求是弄一个loading,所以需要监听页面是否完全加载完成关闭loading

window.onload = () => {
  console.log('loaded')
}
onMounted(() => {
  console.log('mounted')
  nextTick(() => {
    console.log('nextTick');
  })
})

会出现背景图还没渲染完成的情况Vue3 onload 方法不执行的原因及解决方案?

回复
1个回答
avatar
test
2024-06-20

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

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