关于props的问题

Question

用element做了个对话框，控制对话框弹出的visible.sync属性值由props接收父组件传来的值，一开始功能正常，但是在点击关闭对话框的时候会产生警告，原因是elemen自带的关闭按钮操作了props，遂改变方法使用变量替代props，但是发现无法正常切换，求解答exportdefault{props:['dialogTableVisible','gridData'],data(){return{visible:this.dialogTableVisible}}}

Answer 1

控制组件显示的还是用父组件中传的参数
监听一个它的关闭事件
methods:{
handleClose(value){
this.$emit('close',value);
}
}
父组件中再监听子组件emit出来的close事件
methods:{
handleClose(value){
console.log(value);
//在这里修改dialogTableVisible的值
this.dialogTableVisible=value;
}
}
                            

Answer 2

你这样赋值只是给了visible一个初始值，当以后父组件改变了dialogTableVisible的值的时候，子组件是不会随着更新的。
data(){
return{
visible:this.dialogTableVisible
}
}