在VUE onMounted 函数中去hrttp请求页面一直在刷新
时间: 2023-12-10 07:05:34 浏览: 104
vue在App.vue文件中监听路由变化刷新页面操作
在 `mounted` 钩子函数中发送 HTTP 请求可能会导致页面刷新的问题。原因是在 `mounted` 阶段,组件已经被挂载到 DOM 树上,但是数据还没有完全加载完成,这可能会导致页面重绘。为了解决这个问题,你可以使用 `created` 钩子函数来发送 HTTP 请求,因为这个钩子函数在组件实例化后就会立即执行,而不会等待组件挂载到 DOM 树上。
如果你必须在 `mounted` 钩子函数中发送 HTTP 请求,那么你可以使用 `Vue.nextTick()` 函数来延迟发送请求,这样可以确保 DOM 树已经渲染完成。示例代码如下:
```javascript
mounted() {
this.$nextTick(() => {
// 发送 HTTP 请求
})
}
```
这样就可以在组件挂载到 DOM 树上后再发送 HTTP 请求,避免页面刷新的问题。
阅读全文