elementUI form表单重置问题

elementUI form表单重置问题

问题

• 如果修改了data里的表单form默认值，那么重置以后就是你修改以后的值，而不是data里的值了所以this.$refs.ruleForm.resetFields()重置的是data修改的值。
  解决方法
• 在重置的方法中添加 Object.assign(this.$data, this.$options.data())将初始状态的data复制到当前状态的data。

    cancelForm() {
      this.$emit("closepop");
      Object.assign(this.$data, this.$options.data())
       this.$refs.ruleForm.resetFields();
  
       
    },