父子组件的异步数据

父子组件的异步数据

场景:假设父组件的数据是异步获取,需要给子组件传递数据,而子组件的页面需要将父组件的数据进行处理以后继续渲染,

我想问一下:需不需要给子组件的标签加v-if来等到数据获取好再加载呢,我平时练习的时候感觉有时候不加会报错,可是有时候不加也没有问题,

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,因为数据获取是异步的,导致可能还没有获取到数据(也就是data还没有值)时,就使用点的方法访问data上的属性,所以会出现报错。

建议:可以在父组件的定义一个变量,示例:sonData,用来接收获取的数据data.x值,然后在子组件中将sonData传递过去即可<son :info="sonData">.

如果还有问题,同学将你写的代码粘贴过来,便于帮助同学准确的定位与解决问题,祝学习愉快~

好帮手慕慕子 2020-05-08 11:42:36

同学你好,对于你的问题解答如下:

1、需要的,给子组件添加v-if,确保有数据了才开始渲染子组件,可以防止项目运行出现错误。

2、因为数据请求返回结果速度有快有慢,所以练习时会出现有时报错有时不报错的情况。 那么这个时候就推荐同学给子组件添加v-if了,防止报错。

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~


  • 还有一个问题就是父组件异步获取数据,假设父组件拿到的值为data,需要把date.x这个值传入子组件,index页面上子组件写的是<son :info=data.x>,可是有时候会出现保报错,这个该咋解决
    2020-05-08 11:49:00
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师