uniapp使用<router-view>渲染路由的话使用uni.createSelectorQuery()报错

操作步骤：

""" 使用第三方库z-paging -->官方文档https://z-paging.com/start/intro.html <template> <view class="aa"> {{ this.dataList.length }} <!-- :refresher-enabled="false"关闭下拉刷新 --> <z-paging class="testtest" ref="paging" v-model="dataList" @query="queryList" :default-page-size="10" refresher-enabled="false"> <!-- <view slot="loadingMoreNoMore">没有更多数据了自定义</view> -->
<view slot="empty">当前是空据</view>
<view class="item" v-for="(item, index) in dataList" :key="index">
{{ item }}
</view>
</z-paging>
</view>
</template>

<script>
export default {
data() {
return {
dataList: [],
num: 1,
};
},
mounted() {
},
methods: {
queryList(pageNo, pageSize) {
console.log(pageNo, pageSize, "下载");
setTimeout(
() => {
this.$refs.paging.complete([
{ detail: "测试信息1", title: "1" },
{ detail: "测试信息2", title: "2" },
{ detail: "测试信息2", title: "3" },
{ detail: "测试信息2", title: "4" },
{ detail: "测试信息2", title: "5" },
{ detail: "测试信息2", title: "6" },
{ detail: "测试信息2", title: "7" },
{ detail: "测试信息2", title: "8" },
{ detail: "测试信息2", title: "9" },
{ detail: "测试信息2", title: "10" },
]);
this.num += 1;
if (this.num >= 7) {
this.$refs.paging.complete([]);
// 加载失败
// this.$refs.paging.complete(false);
}
},
this.num == 1 ? 500 : 2000
);
},
},
};
</script>

App.vue如下
<template>
<view class="app">
<view class="app-top"></view>
<view class="app-main">
<keep-alive :key="$route.path">
<router-view :key="$route.path" v-if="keep_route"></router-view>
</keep-alive>
<router-view v-if="!keep_route"></router-view>
</view>
</view>
</template>

"""

预期结果：

....

实际结果：

报错[system] createSelectorQuery:fail

TypeError: Cannot read properties of undefined (reading '$vm')