自定义组件 - 插槽(微信小程序学习day27)

2023-12-18  本文已影响0人  扶得一人醉如苏沐晨
image.png

1. 单个插槽

在小程序中,默认每个自定义组件中只允许使用一个 <slot>进行占位,这种个数上的限制叫做单个插槽。

image.png

2. 启用多个插槽

在小程序的自定义组件中,需要使用多<slot> 插槽时,可以在组件的js文件中,通过如下方式进行启用。

image.png

3. 定义多个插槽

可以在组件的.wxml中使用多个 <slot> 标签,以不同的 name 来区分不同的插槽。示例代码如下:

image.png

4. 使用多个插槽

image.png
上一篇 下一篇

猜你喜欢

热点阅读