應(yīng)用場景
子組件中某一個(gè)位置的組件由 父視圖填充
// 使用步驟
// 1. 子組件 .js 中打開插槽功能
options: {
multipleSlots: true
},
// 2. 子組件 .wxml 中腾它,設(shè)置slot的名稱和位置
<slot name="header"> </slot>
<view wx:for="{{list}}" wx:key="index">{{item.title}}</view>
<slot name="footer"> </slot>
// 3. 父組件 .wxml 中骤宣,在子組件內(nèi)添加需要的組件,通過設(shè)置組件的 slot名稱粘舟,來實(shí)現(xiàn)填充
<list tag = "{{titleindex}}">
<view slot = "header">這就是頭部</view>
</list>