自定义组件使用多个slot时,判断某个slot不存在的方法
发布于 5 年前 作者 fanghao 6918 次浏览 来自 问答
  • 需求的场景描述(希望解决的问题)

<!–组件 comp-a 模板内的代码–>

<view class="wrapper">
  <slot name="before"></slot>
  <view>这里是组件的内部细节</view>

 <!--<view wx:if={{此处判断slot.after是否存在,不存在则不生成此节点 }} class="after-class">-->

  <view wx:if={{!!slot.after}} class="after-class">

    <checkbox value="{{item.name}}" checked="{{item.checked}}" />

    <slot name="after"></slot>

  </view>

</view>

<!–引用组件的页面代码–>

<view>
  <comp-a>
    <!-- 这部分内容将被放置在组件 <slot> 的位置上 -->
    <view slot="before">这里是插入到组件before slot中的内容</view>

 </comp-a>

</view>

<!--页面中并没有使用 slot=“after”的内容,期望comp-a生成后的节点不包含  <view class="after-class"/>这个节点及其子内容  -->

  • 希望提供的能力

    在自定义组件中使用了多了 slot,希望能提供slot集合引用,用于判断某个slot是否存在,如果不存在则不生成部分视图(例如上面的:.after-class 视图)

1 回复

你好,没有特别明白你的需求。请问是希望 slot 没有内容的时候提供默认内容吗?

回到顶部