自定义组件使用slot嵌套cover-view 时,自定义组件的 slot 及其父节点暂不支持通过 wx:if 控制显隐,否则会导致 cover-view 不显示。例如:
- <!-- ComponentA -->
- <cover-view wx:if="{{ status === 'fail' }}">
- <slot name="before"></slot>
- <cover-view>{{ failDesc }}</cover-view>
- <slot name="after"></slot>
- </cover-view>
- <!-- PageA -->
- <ComponentA>
- <cover-image src="xxx.png" slot="before"/>
- <cover-view slot="after">hellow word</cover-view>
- </ComponentA>
上面自定义组件ComponentA因为使用了slot来嵌套cover-view,而其父节点使用了wx:if
控制显隐,导致在真机环境slot的cover-image和cover-view内容不显示。