表单验证 el-form-item里面验证两个el-select 必填如何验证
一、效果图
![在这里插入图片描述](https://img-blog.csdnimg.cn/cd7cbf94f25548e3b854011ba4307009.png#pic_center)
二 、主要代码
<el-form-item label="电路地址:" required>
<div style="display: flex; width: 400px">
<el-form-item
prop="electricAddressProvinceId"
:rules="[{ required: true, message: '请选择省专线选择', trigger: 'blur' }]"
>
<el-select
v-model="paltformFrom.electricAddressProvinceId"
size="small"
style="width: 200px"
filterable
clearable
:disabled="isEdit == 'detail'"
@change="changeProvince"
@clear="clearCity"
placeholder="省专线选择"
>
<el-option
v-for="item in provinceList"
:key="item.id"
:label="item.name"
:value="item.id"
></el-option>
</el-select>
</el-form-item>
<el-form-item
prop="electricAddressCityId"
:rules="[{ required: true, message: '请选择市专线选择', trigger: 'blur' }]"
>
<el-select
v-model="paltformFrom.electricAddressCityId"
size="small"
style="width: 200px"
filterable
clearable
:disabled="isEdit == 'detail'"
placeholder="市专线选择"
>
<el-option
v-for="item in cityList"
:key="item.id"
:label="item.name"
:value="item.id"
></el-option>
</el-select>
</el-form-item>
</div>
</el-form-item>
链接: http://t.zoukankan.com/cxxb-p-12881160.html