【小程序】---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不生效