先上樣例
//父組件
<template>
<div>Tabs示例
<h1>示例1</h1>
<Tabs v-model:selected="x">
<Tab title="導(dǎo)航1">內(nèi)容1</Tab>
<Tab title="導(dǎo)航2">內(nèi)容2</Tab>
</Tabs>
</div>
</template>
//子組件
......
<script lang="ts">
export default {
setup(props, context) {
//獲得插槽虛擬節(jié)點<數(shù)組>
const defaults = context.slots.default();
}
}
</script>
......
注:setup下context.slots.default()獲取的虛擬節(jié)點可以跟import引用子組件比較
//子組件
......
<script lang="ts">
import Component from "./Component.vue";
export default {
setup(props, context) {
//獲得插槽虛擬節(jié)點<數(shù)組>
const defaults = context.slots.default();
if(defaults [0].type === Component){
// coding
}
}
}
</script>
......