el-dialog在子组件关闭报错解决

首先分析：

Vue中prop的传递是单向下行绑定的，也就是说只能父传给子，不能反过来，用sync,visible就实现了父子同步，

父组件初始化visible,子组件调用关闭事件，触发父组件update事件，父组件在update事件中更新visible变量，

改变子组件可见的状态，但是如果dialogFormVisible是对象，则无法update也会报错

 <el-dialog
      :title="title"
      :visible.sync="dialogFormVisible"
    >
 </el-dialog>

去掉原来el-dialog默认：visible.sync改为:visible,手动加close事件触发关闭事件触发，即可解决

 <el-dialog
      :title="title"
      :visible="dialogFormVisible"
      @close="toggleDialog"
    >