表单验证错误:<a-form-model>的 :model 不等价于 <a-form-model-item>的v-model

116 阅读1分钟

问题描述:

编写表单验证的 rules 后,,并未正确地验证输入的数据。

Bug情况:

image.png 修改为:

解析:

表单的 model 属性要求绑定一个data()内的 object ,是表单数据的所有字段的声明。

userInfo: {
      id: 0,
      username: '',
      password: '',
      checkpass: '',
      role: 2,
    },

而想正确地绑定输入框的数据和userInfo内的变量,必须用v-model