如题，我有一个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
      });
  }
})

请问我应该如何做？