vue 父组件请求数据,props为undefined,子组件获取不到值。
vue 父组件请求数据,子组件获取不到值。props为undefined解决办法就是 在渲染的时候给组件标签上面加一个条件渲染,在父组件请求完成后,将数据赋值,然后将渲染表达式成立;示例子组件A<div>我是子组件 {{msg}}<div><script>data(){return{m...
·
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>
更多推荐
已为社区贡献12条内容
所有评论(0)