在編寫小程序的時(shí)候磨总,如果你使用過組件一定遇到過這種情況坯临,一大段業(yè)務(wù)wxml要插入一個(gè)通用組件上面妇萄,讓其骨架看起來更加靈活悬蔽,下面我們就來介紹一下slot的使用方式
組件A
//讓其插槽定義一個(gè)屬性name
<slot name="after"></slot>
<!-- 插槽 -->
page頁(yè)面
用組件時(shí)葡兑,在其組件閉合標(biāo)簽內(nèi)編寫要寫入組件的wxml內(nèi)容臊泰,
再在要寫入得一段wxml內(nèi)寫入屬性slot=”組件A中的name屬性“
<tag-cmp text="{{item.content}}">
<text slot="after">{{'+'+item.nums}}</text>
</tag-cmp>
組件A的js中
寫入
options:{
multipleSlots:true //啟用slot插槽
},
表示啟用slot插槽