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>

猜你喜欢

转载自blog.csdn.net/Kiruthika/article/details/120091142
今日推荐