feat: crud组件选项卡添加插槽，支持自定义title

mineadmin · Jul 18, 2023 · 5c2dc93 · wxfjamdc · Feb 22, 2024 · 5c2dc93
1 parent 6ce042d
commit 5c2dc93
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/src/components/ma-crud/index.vue b/src/components/ma-crud/index.vue
@@ -21,7 +21,9 @@
           class="ma-tabs mb-5"
       >
         <template #extra><slot name="tabExtra"></slot></template>
-        <a-tab-pane :key="item.value" :title="item.label" v-for="item in options.tabs.data"></a-tab-pane>
+        <a-tab-pane :key="item.value" :title="item.label" v-for="item in options.tabs.data">
+          <template #title><slot :name="'tabTitle-' + item.label">{{ item.label }}</slot></template>
+        </a-tab-pane>
       </a-tabs>
       <ma-search
         @search="searchSubmitHandler"
@@ -337,7 +339,9 @@ const init = async () => {
       await loadDict(dicts.value, item)
     }
   })
-  await tabsHandler();
+  setTimeout(async () => {
+    await tabsHandler()
+  }, 500)
 }