vue子组件监听不到父组件数据变化;子组件获取不到父组件的异步数据

当父子组件嵌套使用时created 和mounted 生命周期的执行顺序是父created -> 子created -> 子mounted -> 父mounted,但是这只是针对同步代码,当生命周期中有异步接口时,那么就会变成父created未执行完 -> 子created -> 子mounted -> 父created执行完 -> 父mounted,若子组件不依赖这个异步数据,那么就没啥问题,但是如果子组件中依赖这个异步数据,因为子组件是在异步数据请求成功之前,就已经渲染了,导致渲染的数据不是最新的。

解决办法:可以使用对所依赖该异步数据的子组件使用v-if,当异步数据请求成功后方开始渲染数据,这样页面渲染的就是最新的数据了
在这里插入图片描述文章来源地址https://uudwc.com/A/bzpGy

原文地址:https://blog.csdn.net/i_am_a_div/article/details/131582505

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请联系站长进行投诉反馈,一经查实,立即删除!

h
上一篇 2023年07月07日 11:15
vue+elementui实现联想购物商城,样式美观大方
下一篇 2023年07月07日 11:15