在使用子组件的具名插槽时,但是在某些条件下,使用自己传入的具名插槽内容或者使用该子组件的插槽的默认内容
一个demo
父组件
<template>
<Son3>
<template #[slotName]>
<div>
12331232
</div>
</template>
</Son3>
</template>
</Son3>
</template>
<script setup lang='ts'>
import { ref } from 'vue'
const slotName = ref('aaa')
setTimeout(() => {
slotName.value === 'test'
}, 3000);
</script>
<style lang="scss" scoped>
</style>
子组件
<template>
<slot name="test">默认内容</slot>
</template>
<script setup lang='ts'></script>
<style lang="scss" scoped>
</style>