element-ui的Select组件,触发必填校验后,选择数据了但校验未更新

2 阅读1分钟

image.png

如上图所示,select组件触发必填校验后,选择了数据,这时可以提交成功,但是校验提示未更新,交互不友好。

// 原代码
rules: [
  {
     required: true,
     message: '请选择咨询类型',
     trigger: 'blur'
  }
]

// 更改后:
rules: [
  {
     required: true,
     message: '请选择咨询类型',
     trigger: 'change'
  }
]

将校验触发方式由 blur 改为 change, 即可解决该问题。