vue 插槽透传

vue2:

<template v-for="(_, name) in $scopedSlots" v-slot:[name]="data">
    <slot :name="name" v-bind="data"/>
</template>

  

vue3: 

<template v-for="name in $slots" :key="name" #[name]="data">
    <slot :name="name" v-bind="data" />
</template>

 

写法基本一样

区别:vue2 使用 $scopedSlots 来获取所有插槽,vue3 使用 $slots

posted @ 2023-07-03 11:26  yuhui_yin  阅读(352)  评论(0编辑  收藏  举报