Vue项目中elementUI表单部分验证validateField以及星号显示等问题
一、红色必填星号红色星号不显示,可能是没有正确填写prop和字段名称,检查一遍有验证规则但不想加红色星号,可以在el-form标签上加 :hide-required-asterisk=“true”当没有添加验证规则,但又要加上红色星号,可以在el-form-item标签上加 :required=“true”二、填写后某些表单项仍然有错误提示,用validateField(prop)重新验证<
·
一、红色必填星号
-
红色星号不显示,可能是没有正确填写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);
}
更多推荐
已为社区贡献4条内容
所有评论(0)