[JavaScript知识库]Vue —— 使用插槽

index.vue:

<TabList @tabEvent="tabEvent($event)" :type="type" :tabList="tabList">
<template v-slot:action-buttons v-if="tabId === 1">
  <v-btn
    depressed
    color="primary"
    @click.stop="$refs.component.doCreate()"
    style="margin-right:20px"
    >新增</v-btn
  >
  <v-btn
    depressed
    color="primary"
    @click.stop="$refs.component.saveMapping()"
    >保存</v-btn
  >
</template>
</TabList>
<component :is="curCom" :allDatas="allDatas" ref="component" />

Detail.vue:

<script>
export default{
	methods:{
		doCreate() {
			
		},
		saveMapping() {
		  
		},
	}
}
</script>