![](https://img.haomeiwen.com/i27493437/5eacff4974679157.png)
1. 单个插槽
在小程序中,默认每个自定义组件中只允许使用一个
<slot>
进行占位,这种个数上的限制叫做单个插槽。
image.png
2. 启用多个插槽
在小程序的自定义组件中,需要使用多
<slot>
插槽时,可以在组件的js
文件中,通过如下方式进行启用。
image.png
3. 定义多个插槽
可以在组件的
.wxml
中使用多个<slot>
标签,以不同的name
来区分不同的插槽。示例代码如下:
![](https://img.haomeiwen.com/i27493437/6e40a238f2e929e9.png)
4. 使用多个插槽
![](https://img.haomeiwen.com/i27493437/9e7a89640a0c264e.png)
在小程序中,默认每个自定义组件中只允许使用一个
<slot>
进行占位,这种个数上的限制叫做单个插槽。
image.png
在小程序的自定义组件中,需要使用多
<slot>
插槽时,可以在组件的js
文件中,通过如下方式进行启用。
image.png
可以在组件的
.wxml
中使用多个<slot>
标签,以不同的name
来区分不同的插槽。示例代码如下:
本文标题:自定义组件 - 插槽(微信小程序学习day27)
本文链接:https://www.haomeiwen.com/subject/ecuvwdtx.html
网友评论