vue 如何判断页面加载完成
时间: 2023-07-26 09:05:50 浏览: 364
判断iframe里的页面是否加载完成
Vue.js 提供了一个 `$nextTick` 方法来确保页面已经渲染完成。
当你对页面进行了修改并且想要确保这些修改已经被更新到了 DOM 上,你可以在修改后调用 `$nextTick` 方法。这个方法会等待 Vue.js 完成更新 DOM 的操作后再执行回调函数。
例如:
```
mounted() {
this.$nextTick(() => {
// 页面已经渲染完成,在这里执行你的代码
})
}
```
这里 `mounted` 是 Vue.js 的生命周期钩子函数,在组件挂载到页面后被调用。在 `mounted` 中调用 `$nextTick` 方法,确保页面已经渲染完成后再执行回调函数中的代码。
阅读全文