产品分类： uniapp/H5
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： windows 11
HBuilderX类型： 正式
HBuilderX版本号： 3.8.3
浏览器平台： Chrome
浏览器版本： 最新版本
项目创建方式： HBuilderX
<script lang="ts" setup>
import { onReachBottom , onShow } from '@dcloudio/uni-app';
const listData = ref<[]>([])
onShow(()=>{
listData.value = []
}) </script>
重新定义 listData.value = [] 就会报错 vue-router.mjs?v=5a03e67d:3451 TypeError: Cannot destructure property 'firstElementChild' of 'rootRef.value' as it is null.
<script lang="ts" setup>
import { onReachBottom , onShow } from '@dcloudio/uni-app';
const listData = ref<[]>([])
onShow(()=>{
listData.value = []
}) </script>
重新定义 listData.value = [] 就会报错 vue-router.mjs?v=5a03e67d:3451 TypeError: Cannot destructure property 'firstElementChild' of 'rootRef.value' as it is null.
正常赋值
赋值报错
<script lang="ts" setup>
import { onReachBottom , onShow } from '@dcloudio/uni-app';
const listData = ref<[]>([])
onShow(()=>{
listData.value = []
}) </script>
重新定义 listData.value = [] 就会报错 vue-router.mjs?v=5a03e67d:3451 TypeError: Cannot destructure property 'firstElementChild' of 'rootRef.value' as it is null.
DCloud 即数字天堂(北京)网络技术有限公司是W3C成员及HTML5中国产业联盟发起单位
京ICP备12046007号-4 | 京公网安备：11010802035340号 | 国家信息安全等级保护三级，证书编号：11010813802-20001
4 个回复
战力不足五 (作者) - .......
单纯的 定义 const xxxx = ref([])
xxxx.value = [] //
这个样子是不会报错的。 需要使用这个xxxx到页面上进行 v-for 循环页面才会 报错
战力不足五 (作者) - .......
目前我是用的 曲线救国方式
onShow(()=>{
if(isLock.value){
isLock.value = false
page.value = 1;
more.value = 'loading'
gethitch_worklist(false)
}
})
onHide(()=>{
listDatas.value = []
})
在 onHide 的时候 把数组写空 不在onShow的时候写空 ，就不会报错
战力不足五 (作者) - .......
没有官方的人来回复一下嘛
g***@163.com
在onShow的时候加个setTimeout可解决
onShow(()=>{
setTimeout(()=>listDatas.value = [], 10)
})