自定义组件使用多个slot时,判断某个slot不存在的方法
- 需求的场景描述(希望解决的问题)
<!–组件 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 视图)