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

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

vue3 onload 方法不执行

Vue3 中,

解决方案

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

代码示例

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

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

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

以上就是Vue3 中,为什么`` 组件内的 `window.onload` 方法不执行?的详细内容,更多请关注硕下网其它相关文章!