【小程序】---slot插槽使用

自定义组件

<!-- 组件模板 -->
<view class="wrapper">
  <slot name="myslot"></slot>
  <view>这里是组件的内部节点</view>
  <slot></slot>
</view>

引用组件的页面模版

<!-- 引用组件的页面模版 -->
<view>
  <my-component>
    <!-- 这部分内容将被放置在组件 <slot> 的位置上 -->
     <view>这里是插入到组件slot中的内容</view> 
     <view slot="myslot">sdfdsf</view>
  </my-component>
</view>

注意的是需要在自定义组件的JS文件中写入：

options: {
    multipleSlots: true  //启用slot插槽
  },

否则 slot中的name不生效

转载于:https://www.cnblogs.com/zjt-blogs/p/10570872.html