vue 父组件请求数据,props为undefined,子组件获取不到值。

vue 父组件请求数据,子组件获取不到值。props为undefined

 解决办法就是 在渲染的时候给组件标签上面加一个条件渲染,在父组件请求完成后,将数据赋值,然后将渲染表达式成立;

示例

子组件A

<div>
    我是子组件 {{msg}}
<div>

<script>
    
 data(){
    return{
      msg:""
   }
},
props:["parentData"],
mounted(){
  this.msg = this.parentData;
}
</script>

父组件

<div>
  <zujianA if="flag" :parentData="testData"></zujianA>
</div>

<script>
 data(){
  return{
    testData:""
  }
},
mounted(){
  this.getTestData();
},
methods:{
  getTestData(){
   this.$http({
     url:"",
     data:"",
     method:"",
   }).then((res)=>{
    console.log(res);
    this.testData =  res;//赋值完毕后 把flag为true;
    this.flag = true; 
  })
 }
}
</script>
发布了114 篇原创文章 · 获赞 67 · 访问量 12万+

猜你喜欢

转载自blog.csdn.net/qq_38880700/article/details/101195084