vue的动态组件, 每个组件都有不同的slot怎么处理?

每个组件都有slot, 而且有的组件有一个slot,有的有多个slot,那么我在父页面如何写?

比如组件1是

`<template>

<div>
    <slot></slot>
    <loading></loading>
</div>

</template>`

组件二是

`<template>

<div class="header">
    <slot name="header"></slot>
</div>
<div class="content">
    <slot name="content"></slot>
</div>

</template>`

那么父页面
<keep-alive><component :is="component"/></keep-alive>
怎么在调组件1的时候传组件1的slot,在调组件2的时候传组件2的两个slot呢

阅读 3.1k
1 个回答

slot 是可以具名的,只要这几个不要重名就好

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题