vue的useSlots( )
示例:
<script setup>
import { useSlots } from 'vue' //引入方式
const slots = useSlots() //使用方式
</script>
实际应用:
<template>
<slot v-if="slotDefault" />
<div v-else>
<el-icon v-if="props.type==='image'||props.type==='video'">
<Plus />
</el-icon>
<el-button
v-else
type="primary"
>
<slot name="icon" /> //匿名插槽
<div class="el-upload__btn">
{{ props.btnText }}
</div>
</el-button>
</div>
</template>
<script setup>
import { useSlots } from 'vue' //引入方式
const slotDefault = !!useSlots().default; //使用方式
</script>