插槽作用域

24 阅读1分钟

1.插槽作用域

子组件

 <slot footer="底部"></slot>

父组件 #default=

 <Child>
    <template #default="{footer}">
      {{ footer}}
    </templat
  </Child>

2.具名插槽作用域

子组件 name="header"

 <slot name="header" header="头部"></slot>

父组件 #header=

 <template #header="{header}">{{ header }}</template>