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 消息将在页面加载后立即打印，无论背景图是否完成渲染。
以上就是Vue3 中，为什么`` 组件内的 `window.onload` 方法不执行？的详细内容，更多请关注php中文网其它相关文章！
Windows激活工具是正版认证的激活工具，永久激活，一键解决windows许可证即将过期。可激活win7系统、win8.1系统、win10系统、win11系统。下载后先看完视频激活教程，再进行操作，100%激活成功。
广告
收藏
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
351
