1、必须用el-form-item标签包裹要校验项;
2、el-form-item的prop属性必须和rules里的字段一致;
3、prop属性一定要放在el-form-item标签上,而不是里层的input、select等其他标签!!!!
示例代码如下:
<el-form
ref="addUserRef"
:model="form"
:rules="addUserRules"
label-position="right"
>
<el-form-item
label="用户名"
prop="username"
>
<el-input v-model="form.username" autocomplete="off" />
</el-form-item>
<el-form-item label="有效标志" prop="status">
<el-select
v-model="form.status"
placeholder="有效标志"
style="width: 85%"
>
<el-option
v-for="item in statusOptions"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
</el-form>