element-UI二次封装dialog时，关闭dialog出现子组件改父级的值的报错

对elementUI的dialog模块进行二次封装，在关闭该组件，使用组件自带属性时,点击close-on-click-modal="true"所在的dialog模块的阴影部分或者点击 show-close="true"所在的关闭按钮时，会出现报错：

**翻译：***所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定：父级 prop 的更新会向下流动到子组件中，但是反过来则不行。（父组件更新，子组件中的prop值也会更新，但子组件不能修改由父组件传递过来的值）*斜体样式
这是因为在组件自带的关闭方法是改变:visible.sync="dialogVisible"的dialogVisible值为false,但是这个值是从组件外（父级）传递过来的，所以就会报错；
解决办法：
1.使用点击close-on-click-modal="true"所在的dialog模块的阴影部分或者点击 show-close="true"所在的关闭按钮
使用组件通信方式,父组件给dialog组件传递一个函数fatherFun(){this.dialogVisible=false}，并通过传的方式传递给dialog组件，在dialog组件中添加属性before-close="sunFun()"，函数为sunfun(){this.$emit('fatherFun')}，即可实现关闭弹框的操作
2.不使用组件自带的方法关闭只需要重复方法1，但sonFun的触发方式需要需要通过其他方式改变，例如可以自定义一个关闭按钮去触发事件