element 弹窗dialog报错

Question

在写项目的时候，element官网提供弹窗dialog里面嵌套表单，当我想关闭的时候，调用关闭的事件，也就是

因为我的表单有下拉多选

也就是用了

但是在我关闭弹窗的后用了那事件想清空数据的时候报错了

<el-dialog
      title="添加管理员"
      :visible.sync="dialogFormVisible"
      center
      width="30%"
      @closed="closeDialog"
    >
    <el-form-item label="小区">
          <!-- <el-input v-model="form.ads"></el-input> -->
          <el-select v-model="form.ids" placeholder="请选择" multiple>
            <el-option v-for="item in options2" :key="item.id" :label="item.name" :value="item.id"></el-option>
          </el-select>
        </el-form-item>
  </el-dialog>

form: {
        // groupId: "",
        // ids: ""
      },
      options2: []

//   弹窗关闭数据清空事件
    closeDialog() {
      this.form = {};
    },

我的初衷是关闭事件弹窗用户输入清空，再次点击的时候，数据初始化，按道理应该不会错呀，实在想不明白，想想问一下大佬有没有解决的办法!
去看源码

也是摸不清头脑哪里出错了，请大佬指点一下！

Answer 1

你调用的Vue生命周期可能不对,callback应该写在mounted中