Vue项目中elementUI表单部分验证validateField以及星号显示等问题

原文地址:https://huaweicloud.csdn.net/63a0040fdacf622b8df90fa6.html

一、红色必填星号

• 红色星号不显示，可能是没有正确填写prop和字段名称，检查一遍

• 有验证规则但不想加红色星号，可以在el-form标签上加 ：hide-required-asterisk=“true”

• 当没有添加验证规则，但又要加上红色星号，可以在el-form-item标签上加 ：required=“true”

二、填写后某些表单项仍然有错误提示，用validateField（prop）重新验证

<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px">
  <el-form-item label="活动名称" prop="name" :required="true">
    	<el-input v-model="ruleForm.name" @input="resetValidate('name')></el-input>
  </el-form-item>
</el-form>

resetValidate(prop){
 	this.$refs.ruleForm.validateField(prop);
}