uni.createSelectorQuery无法获取到子组件里面的元素

示例代码：

// pages/index/index.vue  
... html  
<template>  
    <view class="my-skeleton">  
        <view class="my-skeleton-rect" style="marign-bottom: 10px;">我是容器里面的内容</view>  
        <view class="my-skeleton-rect" style="marign-bottom: 10px;">我是容器里面的内容</view>  
        <view class="my-skeleton-rect" style="marign-bottom: 10px;">我是容器里面的内容</view>  
      <childSkeleton :loading="loading"></childSkeleton>  
    </view>  
</template>  

... js  
mounted() {  
    setTimeout(() => {  
      const query = uni.createSelectorQuery().in(this);  
      query.selectAll('.my-skeleton-rect').boundingClientRect().exec((res) => {  
        // 这里只打印了3个元素，按理来说应该打印4个元素  
        // 输出了  
        // 0: {id: "", dataset: {…}, left: 0, right: 320, top: 0, …}  
        // 1: {id: "", dataset: {…}, left: 0, right: 320, top: 21, …}  
        // 2: {id: "", dataset: {…}, left: 0, right: 320, top: 42, …}  
        console.error('获取到的所有矩形元素1：', res)  
      });  
    }, 1000);  

    this.$nextTick(() => {  
      const query = uni.createSelectorQuery().in(this);  
      query.selectAll('.my-skeleton-rect').boundingClientRect().exec((res) => {  
        // 这里只打印了3个元素，按理来说应该打印4个元素  
        // 输出了  
        // 0: {id: "", dataset: {…}, left: 0, right: 320, top: 0, …}  
        // 1: {id: "", dataset: {…}, left: 0, right: 320, top: 21, …}  
        // 2: {id: "", dataset: {…}, left: 0, right: 320, top: 42, …}  
        console.error('获取到的所有矩形元素2：', res)  
      });  
    })  
}  

// components/childSkeleton/childSkeleton  
... html  
<template>  
    <view class="my-skeleton-rect" style="marign-bottom: 10px;">我是子容器里面的内容</view>  
</template>

操作步骤：

1. 创建uniapp普通模板项目
2. 编写项目代码示例里面的代码

预期结果：

打印4个元素

实际结果：

只打印3个元素