2022-10-26:插槽使用概述

1、插槽使用概述

children组件中:

...
  <slot :content="item" :title="titles" name="wangs"></slot>
...

使用的父组件:

<children>
  <template v-slot:wangs={content, title}>
    ...
  </template>
</children>
缩写

children组件中:

...
  <slot :content="item" :title="titles" name="wangs"></slot>
...

使用的父组件:

<children>
  <template #wangs={content, title}>
    ...
  </template>
</children>
没有参数

children组件中:

...
  <slot name="wangs"></slot>
...

使用的父组件:

<children>
  <template #wangs>
    ...
  </template>
</children>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容