ElemetUI重置新增或修改时报错解决办法

重置的时候调用 this.$refs[“form”].resetFields();报错,这时候data数据还没渲染进dom导致

解决
在$nextTick()回调中进行对dom的操作,建议其他对dom的操作都放到$nextTick()回调中

这里还要判断一下第一次弹出时不用执行重置方法

    // 重置表单
    resetForm(form) {
      this.$nextTick(() => {
        if (this.$refs[form] !== undefined) {
          this.$refs[form].resetFields();
        }
      });
    },
1
2
3
4
5
6
7
8