在開發中出現如下情況,在同一個el-form-item設置了省市區三級聯動的效果
<el-form-item label="地區" prop="extraProperties.Province"><el-row :gutter="20"><el-col :span="12"><el-select v-model="InformationForm.extraProperties.Province" placeholder="請選擇省份" :disabled="readOnly" style="width: 240px" @change="provinceChange"><el-optionv-for="item in provinceOptions":key="item.text":label="item.value":value="item.text"/></el-select></el-col><el-col :span="12"><el-select v-model="InformationForm.extraProperties.City" placeholder="請選擇市/區" style="width: 240px" :disabled="readOnly" ><el-optionv-for="item in cityOptions":key="item.text":label="item.value":value="item.text"/></el-select></el-col></el-row></el-form-item>
如上設置的prop是extraProperties.Province,導致驗證時只要省份選擇了就不驗證市區了,
那咋么辦,其實可以把prop直接設置成extraProperties.City,這樣可以直接去驗證市區,而省份的話選擇了,才會聯動出市區的數據,用戶才能選擇市區,以此類推就可以實現上面的三級都驗證不為空的問題。