vue3 <script setup> 自定义组件中,判断 slot 是否有内容。

<template>
    <div>
    	<slot/>
    	<slot name="test"/>
    </div>
</template>

<script lang="ts" setup>
import { useSlots } from "vue";
//判断<slot/>是否有传值
const slotDefault = !!useSlots().default;
//判断<slot name="test"/>是否有传值
const slotTest = !!useSlots().test;
</script>

<template>
    <test-a>
   		<div>default内容</div>
   		<template v-slot:test>test内容</template>
	</test-a>
</template>

<script lang="ts" setup>

</script>
Logo

前往低代码交流专区

更多推荐