vue表单进行验证的时候,prop属性验证踩坑记录
当表单进行验证时候,prop指定需要校验的属性必须是表单model属性中对应的对象的属性名称。否则会出现一直验证的错误。:model=“dataForm” dataForm对象中要有校验的属性才可以<el-form:model="dataForm":rules="dataRule"ref="dataForm"@keyup.enter.native="dataFormSubmit()"labe
·
当表单进行验证时候,prop指定需要校验的属性必须是表单model属性中对应的对象的属性名称。
否则会出现一直验证的错误。
:model=“dataForm” dataForm对象中要有校验的属性才可以
<el-form
:model="dataForm"
:rules="dataRule"
ref="dataForm"
@keyup.enter.native="dataFormSubmit()"
label-width="140px"
>
<el-form-item label="所属分类id" prop="catelogPath">
<!-- <el-input v-model="dataForm.catelogId" placeholder="所属分类id"></el-input> -->
<el-cascader v-model="dataForm.catelogPath" :options="categorys" :props="props"></el-cascader>
</el-form-item>
</el-form>
dataRule: {
//
catelogPath: [
{ required: true, message: "所属分类id不能为空", trigger: "blur" },
],
更多推荐
已为社区贡献2条内容
所有评论(0)