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 消息将在页面加载后立即打印，无论背景图是否完成渲染。