父组件发起请求之后,将请求成功的数据传给子组件,在页面加载请求事件的时候,子组件也在执行了,所以在mounted里面不能打印出来传过来的数据值。 解决方法
1: 子组件通过v-if判断
<square-dialog :dialogVisible.sync="dialogVisible" v-if="squareList.length" :squareList="squareList"></square-dialog>
然后子组件mounted的时候就可以输出传过来的值
2:不用v-if
子组件通过watch监听
watch: {
squareList:{
handler:function(value){
console.log(value); //也可以正常输出父组件传过来的值
},
immediate:true
}
},