今天做一个vue项目遇到的问题,父组件通过props传了个参数到子组件,在子组件关闭的时候弹出这个错误,我想是因为子组件直接调用了这个参数所以会报错,所以得先保存一下参数。
代码如下:
<action-dialog height="208" :show.sync="show" :maskClose="false" @confirm="onConfirm" @cancel="onCancel" @closed="onClosed" title="窗帘设置">
这里有个:show.sync="",需要用到父组件传过来的值。
props:["modelFlag"],
data () {
return {
show:false,
}
}
//通过watch监听参数,将参数赋值给this.show
watch:{
modelFlag:{
handler(newVal, oldVal) {
this.show = newVal;
}
},
}
这样问题就解决啦。