vue 子组件获取从父组件(访问接口)传来的数据

有时候我们在写父子组件时,子组件需要接收从父组件传来的数据并展示,但会发现子组件拿到的对象为空,这是因为子组件执行 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
  },

猜你喜欢

转载自blog.csdn.net/L221545/article/details/132494395