Vue3—vue的useSlots( )

6,023 阅读1分钟

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>