左侧树搜索给个时间

src/views/realTimeMonitor/components/siderBar.vue

@@ -105,10 +105,13 @@ export default {
   },
   components: {},
   watch: {
-    filterText(val) {
+    // filterText(val) {
-      console.log(val);
+    //   console.log(val);
-      this.$refs.tree.filter(val);
+    //   this.$refs.tree.filter(val);
-      console.log(this.$refs.tree);
+    //   console.log(this.$refs.tree);
+    // },
+    filterText(newVal) {
+      this.handleFilter(); // 当 filterText 发生变化时执行过滤操作
     },
   },
   mounted() {},
@@ -198,11 +201,14 @@ export default {
         }
       }
     },
+    handleFilter() {
+      // 在输入框输入完成后的500毫秒执行过滤节点方法
+      setTimeout(() => {
+        this.$refs.tree.filter(this.filterText);
+      }, 500);
+    },
     //树状图搜索
     filterNode(value, data, node) {
-      //console.log(value, data, node);
-      this.filterText = value;
-      console.log(this.filterText);
       // 如果什么都没填全部匹配全部返回
       if (!value) return true;
       this.searchName = data.name + data.cmdid;

vue.config.js

@@ -22,8 +22,8 @@ module.exports = defineConfig({
       "/api": {
         //表示拦截以/api开头的请求路径
         //target: "http://47.96.238.157:8093", //阿里云服务器环境
-        //target: "http://180.166.218.222:40080", //dell
+        target: "http://180.166.218.222:40080", //dell
-        target: "http://192.168.50.42:81", //东视
+        // target: "http://192.168.50.42:81", //东视
         changOrigin: true, //是否开启跨域
         pathRewrite: {
           "^/api": "/api", //重写api，把api变成空字符，因为我们真正请求的路径是没有api的