vue3 <script setup> 自定义组件中,判断 slot 是否有内容。
vue script setup 自定义组件中,判断 slot 是否有内容。<template><div><slot/><slot name="test"/></div></template><script lang="ts" setup>import { useSlots } from "vue";//判断<
·
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>
更多推荐
已为社区贡献3条内容
所有评论(0)