解决element的表单校验输入框有值但校验未通过的问题

在项目中使用vue+element的:rules=“规则数组” 进行表单验证时,明明给表单赋值了但是验证还是报错,显示输入框不能为空,经过查证找到原因特此记录一番。
解决方案:
1.在保证文中其他规则都正确的情况下,看看你的rules里面的trigger是不是"change",如果是的话改成其它的。
2.在回显赋值的时候,将表单的第一次校验清除掉。

type: [{ required: true, trigger: 'blur', message: 'xxxx' }],//赋值
this.$nextTick(()=>this.$refs.type.clearValidate()) // 将表单的第一次校验清楚掉

你可能感兴趣的:(vue)