微信小程序之插槽的使用，单个插槽，多个插槽

单个插槽的配置

在自定义组件的.wxml中进行定义，在调用这个组件的.wxml中进行填充

 

 

 

 多个插槽的配置

1. 启用多个插槽 ，在自定义组件中components中， 输入options:{ multipleSlots:true} 来启用

（图1）

2 .启用之后，定义多个插槽。在组件中带name的形式区分多个插槽 

                                                                                                 <slot name=" 名字"> </slot>

（图2）

3. 在非自定义组件的 .wxml中调用自定义组件，并在其中填充插槽，因为定义了多个插槽。这里进行填充的时候也需要带着名字             <自定义组件名> 

                                                                        <view slot="名字 "> 任意文字</view>       

                                                             </自定义组件名>

（图3）

图1

图2

图2

图3

图3