ElementUI对话框（dialog）封装父子组件报错！

弹窗显示状态值（:visible.sync）是从父组件传递的参数，如果使用自带的关闭按钮，会报出一个错误：
vue.runtime.esm.js?2b0e:619 [Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "dislogVisi"

image.png

解决方法
使用自带关闭按钮，给弹窗添加before-close事件（这是elementUI提供的），在这个方法里也是使用$emit修改父组件的visible状态。

子组件

父组件