插槽中可以寫默認(rèn)結(jié)構(gòu)擂橘,如果沒(méi)有替換標(biāo)簽,就顯示這里的默認(rèn)結(jié)構(gòu)
可以使用::empty
:empty是一個(gè)css的[偽類選擇器],用于選擇頁(yè)面中為空的元素
在組件里wxml里寫
<view class="chacao">
//插槽
<slot name="ff"></slot>
</view>
//默認(rèn)插槽
<view class="moren">
<text>小飛棍來(lái)咯</text>
</view>
組件的wxss
.moren{
display: none;
}
.chacao:empty + .moren{
display: block;
}
在父級(jí)wxml頁(yè)面里使用插槽
//如果不使用插槽就顯示的默認(rèn)插槽,使用了插槽就不顯示默認(rèn)插槽
<view slot="ff">
替換默認(rèn)插槽
</view>