<el-form-item label="大部門">
<el-select
v-model="ruleForm.stayDepartmentName"
placeholder="請選擇大部門類型"
@change="get_large($event)"
>
<el-option
v-for="(item, index) in big_depart_List"
:key="index"
:label="item.summaryDepartment"
:value="item.summaryDepartment"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="歸屬部門" prop="departmentId">
<el-select
v-model="ruleForm.departmentName"
placeholder="請選擇歸屬部門類型"
@change="get_Type($event, ruleForm.departmentName)"
>
<el-option
v-for="(item, index) in departmentName_Type"
:key="index.id"
:label="item.departmentName"
:value="item.id"
>
</el-option>
</el-select>
</el-form-item>
==
image.png
get_large(event) {
// console.log(event, "event");
this.$set(this.ruleForm, "departmentName", "");
this.$set(this.ruleForm, "departmentId", "");
this.big_depart_List.map(i => {
if (i.summaryDepartment == event) {
this.departmentName_Type = i.departments;
}
});
},
get_Type(event) {
//歸屬部門
const newType = this.departmentName_Type.map((item, index) => {
if (item.id == event) {
this.ruleForm.departmentId = item.id;
this.ruleForm.departmentName = item.departmentName;
}
return;
});
},
====
這個bug卡出了很久荒吏,后來發(fā)現(xiàn)網(wǎng)上也有這種問題
image.png