有时候我们在写父子组件时,子组件需要接收从父组件传来的数据并展示,但会发现子组件拿到的对象为空,这是因为子组件执行 mounted 的时候,父组件那边访问接口还没有传来数据。
解决方法:给子组件加个判断标识,接口返回数据了才显示子组件
父组件代码
<el-tab-pane label="设备信息" value="first">
<Inform :ldata="info" v-if="basicFlag" />
</el-tab-pane>
devcieDetail({
id: id,
}).then((res) => {
if (res.code == 200) {
this.device = res.data;
this.basicFlag = true;
}
});
子组件
props: {
ldata: {
type: [Object]
}
},
created() {
this.Dinfo = this.ldata
},