处理列表监听问题

src/views/components/xiaoqu/bottomList.vue

@@ -107,21 +107,43 @@ export default {
   },
   components: { introduceTitle, ColorCell },
   watch: {
-    queryParamsXiaoqu: {
-      handler(newValue, oldValue) {
-        console.log(newValue);
-        this.reset();
-        this.queryParams = { ...this.queryParams, ...newValue };
-        this.disabled = false;
-        this.load();
+    "queryParamsXiaoqu.color"(newValue, oldValue) {
+      this.handleChange();
+    },
+    "queryParamsXiaoqu.isd"(newValue, oldValue) {
+      this.handleChange();
+    },
+    "queryParamsXiaoqu.isj"(newValue, oldValue) {
+      this.handleChange();
+    },
+    "queryParamsXiaoqu.isk"(newValue, oldValue) {
+      this.handleChange();
+    },
+    "queryParamsXiaoqu.isx"(newValue, oldValue) {
+      this.handleChange();
     },
-      deep: true, // Deeply watch all nested properties
-      immediate: true,
+    "queryParamsXiaoqu.parentid"(newValue, oldValue) {
+      this.handleChange();
     },
+    "queryParamsXiaoqu.type"(newValue, oldValue) {
+      this.handleChange();
+    },
+  },
+  created() {
+    this.handleChange();
   },
   methods: {
+    handleChange(newValue) {
+      this.reset();
+      delete this.queryParamsXiaoqu.buildingid;
+      delete this.queryParamsXiaoqu.deptId;
+      this.queryParams = { ...this.queryParams, ...this.queryParamsXiaoqu };
+      this.disabled = false;
+      this.load();
+    },
     reset() {
-      (this.disabled = true), (this.total = 0);
+      this.disabled = true;
+      this.total = 0;
       this.list = [];
       this.queryParams = {
         pageNum: 1,