当前位置:   article > 正文

微信小程序组件调用二(slot)_微信小程序 slot 的子组件获取当前组件

微信小程序 slot 的子组件获取当前组件

上一片:微信小程序组件调用一(怎样写组件)

1.icon.wxml

  1. <!--component/icon/icon.wxml-->
  2. <view class="icon-box">
  3. <slot></slot>
  4. </view>

2.icon.wxss

  1. .icon-box{
  2. background-color:red;
  3. }

3.icon.js

  1. Component({
  2. options: {
  3. multipleSlots: true // 在组件定义中使用多个slot支持
  4. }
  5. })

4.index.wxml调用

  1. <c-icon class="icon-box">
  2. <view>1111</view>
  3. </c-icon>

结果如下:

 

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小小林熬夜学编程/article/detail/88312
推荐阅读
相关标签
  

闽ICP备14008679号