模板列表接口重复请求问题

src/views/dictionary/attachment/index.vue

@@ -1,12 +1,19 @@
 <template>
   <div class="attachment-wrapper">
     <el-tabs v-model="activeTab" @tab-click="clickTab">
-      <el-tab-pane v-for="item in $d.Common_File_Type" :key="item.value" :label="item.label" :name="String(item.value)">
-        <UploadTemplate v-if="activeTab === '1'" />
-        <ExportTemplate v-if="activeTab === '2'" />
-        <EmailTemplate v-if="activeTab === '3'" />
-        <CommonTemplate v-if="activeTab === '4'" />
-        <SignatureTemplate v-if="activeTab === '5'" />
+      <el-tab-pane
+        v-for="item in $d.Common_File_Type"
+        :key="item.value"
+        :label="item.label"
+        :name="String(item.value)"
+      >
+        <UploadTemplate v-if="activeTab === '1' && item.value == activeTab" />
+        <ExportTemplate v-if="activeTab === '2' && item.value == activeTab" />
+        <EmailTemplate v-if="activeTab === '3' && item.value == activeTab" />
+        <CommonTemplate v-if="activeTab === '4' && item.value == activeTab" />
+        <SignatureTemplate
+          v-if="activeTab === '5' && item.value == activeTab"
+        />
       </el-tab-pane>
     </el-tabs>
   </div>
@@ -24,11 +31,11 @@ export default {
     ExportTemplate,
     EmailTemplate,
     CommonTemplate,
-    SignatureTemplate
+    SignatureTemplate,
   },
   data() {
     return {
-      activeTab: null
+      activeTab: null,
     }
   },
   mounted() {
@@ -40,25 +47,27 @@ export default {
   },
   methods: {
     clickTab(tab, event) {
-      this.$router.push({ path: `/dictionary/attachment?tabActive=${tab.name}` })
-    }
-  }
+      this.$router.push({
+        path: `/dictionary/attachment?tabActive=${tab.name}`,
+      })
+    },
+  },
 }
 </script>
 <style lang="scss">
-.attachment-wrapper{
-  .el-tabs{
+.attachment-wrapper {
+  .el-tabs {
     height: 100%;
     display: flex;
     flex-direction: column;
   }
   .el-tabs__header {
     height: 40px;
-    margin-bottom:5px;
+    margin-bottom: 5px;
   }
-  .el-tabs__content{
+  .el-tabs__content {
     flex: 1;
-    .el-tab-pane{
+    .el-tab-pane {
       height: 100%;
     }
   }