Vue3 中，为什么`` 组件内的 `window.onload` 方法不执行？

对于一个文章开发者来说，牢固扎实的基础是十分重要的，golang学习网就来带大家一点点的掌握基础知识点。今天本篇文章带大家了解《Vue3 中，为什么`` 组件内的 `window.onload` 方法不执行？ 》，主要介绍了，希望对大家的知识积累有所帮助，快点收藏起来吧，否则需要时就找不到了！

Vue3 onload 方法不执行

在 Vue3 中，<script setup> 组件内的 window.onload 方法可能不会被执行。这是由于组件内的代码在页面加载事件触发后执行。

解决方案

要解决这个问题，请将 onload 方法放置在入口文件 main.js 中。这样做可以确保在页面加载时执行该方法，以便您可以关闭加载指示器。

代码示例

// main.js
window.onload = () => {
  console.log('loaded');
}

// 组件中
import { onMounted } from 'vue'
onMounted(() => {
  console.log('mounted');
  nextTick(() => {
    console.log('nextTick');
  })
})

通过此更改，loaded 消息将在页面加载后立即打印，无论背景图是否完成渲染。

今天带大家了解了的相关知识，希望对你有所帮助；关于文章的技术知识我们会一点点深入介绍，欢迎大家关注golang学习网公众号，一起学习编程~