小程序的slot（插槽）_钉钉小程序插槽

作者：羊村懒王 | 2024-06-17 11:59:01

踩

钉钉小程序插槽

slot:用于在不破坏组件的情况下，给组件嵌入结构的一种方式

例如：dialog组件：

<view class="dialog_box" wx:if="{{ isShow }}">
    <slot name="a"></slot>
</view>
1
2
3

cate页面：

 <Dialog-box>
       <view slot="b">
         <text>安全</text>
         <text>高效</text>
         <text>便捷</text>
       </view> 
</Dialog-box>
1
2
3
4
5
6
7

注意：如果使用命名的slot，必须要开启多slot支持，代码如下：

Component({
  /**
   * 组件的属性列表
   */
  options: {
    multipleSlots: true // 在组件定义时的选项中启用多slot支持
  }
  ....
 })
1
2
3
4
5
6
7
8
9

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/羊村懒王/article/detail/731095