如何在自定义组件中使用 this.createSelectorQuery 查找 slot 内的节点?
如题,我有一个list自定义组件,里面有一个slot: // components/dt-list/index.wxml
<view class="dt-list">
<slot />
</view>
在page中调用这个list组件: // pages/index/index.wxml
<view class="my-page">
<dt-list>
<dt-item><dt-item>
</dt-list>
</view>
这是item组件: // components/dt-item/index.wxml
<view class="dt-item">this is dt-item component</view>
我在list组件中无法通过 SelectorQuery 查询到这个 slot 里面的 .dt-item: // components/dt-list/index.js
Component({
ready: function() {
const query = this.createSelectorQuery();
query.select('.dt-list >>> .dt-item')
.boundingClientRect()
.exec(([ret]) => {
console.log('how to find `dt-item` in this query', ret);
// how to find `dt-test` in this qury null
});
}
})
[图片] 请问我应该如何做?