<slot></slot> 可以在破坏组件的情况下,给组件嵌入结构或者“内容”的一种方式
例如:dialog组件:
<view class="dialog_box" wx:if="{{ isShow }}">
<slot name="a"></slot> // 这里会被替换掉
</view>
<Dialog-box>
<view slot="a"></view> // 这里会替换掉 slot
</Dialog-box>
注意:如果使用命名的slot,必须要开启多slot支持,代码如下:
Component({
/**
* 组件的属性列表
*/
options: {
multipleSlots: true // 在组件定义时的选项中启用多slot支持
}
....
})
微信小程序的内置组件slot
最新推荐文章于 2024-07-01 22:49:01 发布