解决初始化下拉选项的问题

src/views/AppGroupMonitorTable.vue

@@ -63,23 +63,25 @@ export default {
           this.tableData = res.data?.page?.records || []
         }
       })
+    },
+    getOptions() {
+      const ops = {}
+      this.tableData.forEach(e => {
+        ops[e.groupCode] = e.groupName
+      })
+      return Object.entries(ops).map(([key, value]) => ({label: value, value: key}))
     }
   },
   watch: {
     search: {
-      deep: true, handler() {
+      immediate: true, deep: true, handler() {
-        this.getTableData()
-      }
-    }
-  },
-  created() {
         this.getTableData().then(() => {
-      this.options = this.tableData.map(e => ({
+          if (this.options.length == 0) this.options = this.getOptions()
-        label: e.groupName, value: e.groupCode
-      }))
         })
       }
     }
+  }
+}
 </script>
 
 <template>
@@ -108,6 +110,7 @@ export default {
 .AppGroupMonitorTable .dv-scroll-board, .AppGroupMonitorTable .scrollTable {
   height: calc(100% - 80px) !important;
 }
+
 .AppGroupMonitorTable .el-select {
   width: 140px !important;
 }

src/views/AppStoreMonitor.vue

@@ -71,17 +71,14 @@ export default {
   },
   watch: {
     search: {
-      deep: true, handler() {
+      immediate: true, deep: true, handler() {
-        this.getTableData()
-      }
-    }
-  },
-  created() {
         this.getTableData().then(() => {
-      this.options = this.getOptions()
+          if (this.options.length == 0) this.options = this.getOptions()
         })
       }
     }
+  }
+}
 </script>
 
 <template>