element-ui form表单验证 新增后重新打开验证失效

对应element form表单 如果你意外的把绑定的值从简单数据类型变成复杂数据类型

那么下次打开后 重置表单后绑定的值依然是复杂数据类型  对于表单验证就会有问题

 form: {
          name: '',
          id: '',
          sex:'', 
        },


   rules: {
          name: [
            {
              min: 1,
              max: 40,
              message: '长度在 1 到 40 个字符',
              trigger: 'blur'
            }
          ],
         id: [
              {
              min: 1,
              max: 40,
              message: '长度在 1 到 40 个字符',
              trigger: 'blur'
            }
          ],
           
          sex: [
              {
              min: 1,
              max: 40,
              message: '长度在 1 到 40 个字符',
              trigger: 'blur'
            }
          ],
        },

解决办法：显示后给表单对应的值重置赋值   或者初始值改为复杂类型再自定义效验规则

  this.form.id= ''
   
  this.$refs.from && this.$refs.from.resetFields()