diff --git a/frontend/src/business/components/settings/workspace/environment/EnvironmentList.vue b/frontend/src/business/components/settings/workspace/environment/EnvironmentList.vue
index 0542debd29..9e27bd3db3 100644
--- a/frontend/src/business/components/settings/workspace/environment/EnvironmentList.vue
+++ b/frontend/src/business/components/settings/workspace/environment/EnvironmentList.vue
@@ -274,10 +274,10 @@ export default {
               value: project.id,
             });
           });
-          this.getEnvironments();
+          this.getEnvironments(this.condition.projectIds);
         });
       } else {
-        this.getEnvironments();
+        this.getEnvironments(this.condition.projectIds);
       }
     },
     getEnvironments(projectIds) {
diff --git a/frontend/src/business/components/settings/workspace/environment/EnvironmentManage.vue b/frontend/src/business/components/settings/workspace/environment/EnvironmentManage.vue
index 16411c3a8b..ea01cd8652 100644
--- a/frontend/src/business/components/settings/workspace/environment/EnvironmentManage.vue
+++ b/frontend/src/business/components/settings/workspace/environment/EnvironmentManage.vue
@@ -1,12 +1,11 @@
 <template>
   <el-card>
-    <el-tabs class="system-setting" v-model="activeName">
-
+    <el-tabs class="system-setting" v-model="activeName" @tab-click="handleClick">
       <el-tab-pane :label="$t('api_test.environment.environment_list')" name="list">
-        <environment-list v-if="activeName === 'list'"/>
+        <environment-list ref="environmentList"/>
       </el-tab-pane>
-      <el-tab-pane :label="$t('workspace.env_group.name')" name="group">
-        <environment-group-list v-if="activeName === 'group'"/>
+      <el-tab-pane :label="$t('workspace.env_group.name')" name="group" lazy>
+        <environment-group-list ref="environmentGroupList"/>
       </el-tab-pane>
     </el-tabs>
   </el-card>
@@ -15,6 +14,7 @@
 <script>
 import EnvironmentList from "@/business/components/settings/workspace/environment/EnvironmentList";
 import EnvironmentGroupList from "@/business/components/settings/workspace/environment/EnvironmentGroupList";
+
 export default {
   name: "EnvironmentManage",
   components: {
@@ -26,6 +26,17 @@ export default {
       activeName: 'list',
     };
   },
+  methods: {
+    handleClick({paneName}) {
+      if (paneName === 'list') {
+        this.$refs.environmentList.list();
+      } else if (paneName === 'group') {
+        this.$nextTick(() => {
+          this.$refs.environmentGroupList.init();
+        })
+      }
+    }
+  }
 };
 </script>