把父组件的slot传给子组件

通用写法

<slot v-for="(_, name) in $slots" :name="name" :slot="name" />
<template v-for="(_, name) in $scopedSlots" :slot="name" slot-scope="slotData">
  <slot :name="name" v-bind="slotData" />
</template>

原文地址: Vue: Pass Slots through from Parent to Child Components

传入指定的slot,并重命名

<slot name="append-outer" slot="append"/>

append-outer是在父组件指定的slot名,append是子组件里指定的slot名。

Last updated