el-form表单打开，就校验就标红提示-前端队长の技术博客

如果新增的时候，没有问题，但是查看详情的时候，会提示“请选择”/“请输入”等标红问题。

原因：查看详情，给el-form它赋值，触发了change，但是传的值不符合校验所以一开始就触发校验了！！！

rules: {
    messageShowType: [{ required: true, message: '请选择', trigger: 'change' }],
}

解决办法1：

在获取数据，赋值formData后，清除校验。

this.$nextTick(() => {
    this.$refs.formRef?.clearValidate()
})

解决方法2：在关闭弹框后，重置表单。

close() {
  this.visible = false
  this.$refs.formRef?.resetFields()
},