级联清除

src/components/NavigationBar/peopleCentre.vue

@@ -5,6 +5,7 @@
         @change="changeSelect($event, 'xiaoquList')"
         v-model="queryParams.shequId"
         placeholder="选择社区"
+        clearable
       >
         <el-option
           v-for="item in deptList"
@@ -18,6 +19,7 @@
         v-model="queryParams.xiaoquId"
         placeholder="选择小区"
         @change="changeSelect($event, 'netList')"
+        clearable
       >
         <el-option
           v-for="item in xiaoquList"
@@ -33,6 +35,7 @@
         v-model="queryParams.parentid"
         placeholder="选择网格"
         @change="changeSelect($event, 'yuanList')"
+        clearable
       >
         <el-option
           v-for="item in netList"
@@ -46,6 +49,7 @@
         v-model="queryParams.yuanid"
         placeholder="选择苑"
         @change="changeSelect($event, 'buildingList')"
+        clearable
       >
         <el-option
           v-for="item in yuanList"
@@ -59,6 +63,7 @@
         v-model="queryParams.buildingId"
         placeholder="选择楼栋"
         @change="changeSelect($event, 'houseList')"
+        clearable
       >
         <el-option
           v-for="item in buildingList"
@@ -68,7 +73,7 @@
         >
         </el-option>
       </el-select>
-      <el-select v-model="queryParams.houseid" placeholder="选择住户">
+      <el-select v-model="queryParams.houseid" placeholder="选择住户" clearable>
         <el-option
           v-for="item in houseList"
           :key="item.id"
@@ -261,6 +266,14 @@ export default {
       list: [],
       houseTotal: 0,
       total: 0,
+      objList: [
+        { key: "deptList", value: "shequId" },
+        { key: "xiaoquList", value: "xiaoquId" },
+        { key: "netList", value: "parentid" },
+        { key: "yuanList", value: "yuanid" },
+        { key: "buildingList", value: "buildingId" },
+        { key: "houseList", value: "houseid" },
+      ],
     };
   },
   mounted() {
@@ -277,8 +290,16 @@ export default {
      * 级联筛选
      */
     changeSelect(e, key) {
+      let list = [];
+      let index = this.objList.findIndex((item) => item.key == key);
+      if (index > -1) {
+        list = this.objList.slice(index);
+      }
+      list.map((item) => {
+        this.queryParams[item.value] = undefined;
+      });
+
       this[key] = handleTreeId(e, this.deptList);
-      // console.log(e, key, this[key]);
     },
 
     /**