H5W3
当前位置:H5W3 > 其他技术问题 > 正文

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呢

回答

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

本文地址:H5W3 » vue的动态组件, 每个组件都有不同的slot怎么处理?

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址