自定义组件⑦插槽-微信小程序开发（二十四）

标签：slot wxml 自定义 启用 微信 程序开发 插槽 组件

1. 什么是插槽

在自定义组件的 wxml 结构中，可以提供一个 节点（插槽），用于承载组件使用者提供的 wxml 结构。

2. 单个插槽

在小程序中，默认每个自定义组件中只允许使用一个 进行占位，这种个数上的限制叫做单个插槽。

<!-- 组件的封装者 -->
<view class="wrapper">
  <view>这里是组件的内部节点</view>
  <!-- 对于不确定的内容，可以使用 <slot> 进行占位，具体内容由组件使用者决定 -->
  <slot></slot>
</view>

<!-- 组件使用者 -->
<component-tag-name>
  <!-- 这部分内容将被放置在组件 <slot> 的位置上 -->
  <view>这里的插入到组件slot中的内容</view>
</component-tag-name>

3. 启用多个插槽

在小程序的自定义组件中，需要使用多 插槽时，可以在组件的 .js 文件中，通过如下方式进行启用。
示例代码如下：

Component({
  options:{
    multipleSlots:true,//在组件定义时的选项中启用多个 slot 支持
  }
})

标签：slot,wxml,自定义,启用,微信,程序开发,插槽,组件
From： https://www.cnblogs.com/qingheshiguang/p/16582751.html