<template>
<view>
<view v-for="item in list" :id="item" :key="item" :ref="item">
</view>
</view>
</template>
<script>
export default {
data() {
return {
list: ['tabs001', 'tabs002', 'tabs003']
}
},
onReady() {
setInterval(() => {
var queryTabSize = uni.createSelectorQuery().in(this);
for (var i = 0; i < this.list.length; i++) {
queryTabSize.select('#' + this.list[i]).boundingClientRect().exec(res => {
console.log(res)
});
}
}, 6000)
}
}
</script>
前端ll
- 发布：2023-12-22 14:23
- 更新：2023-12-22 15:03
- 阅读：126
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： window10
HBuilderX类型： 正式
HBuilderX版本号： 3.95
手机系统： Android
手机系统版本号： Android 11
手机厂商： 华为
手机机型： Pixel 6 Pro API 30
页面类型： vue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
页面在后台 ，定时器获取节点报错 Cannot read property 'ref' of undefined
页面在后台 ，定时器获取节点报错 Cannot read property 'ref' of undefined
预期结果：
如果id是写死的好像不报错，希望动态拿动态id信息也不报错
如果id是写死的好像不报错，希望动态拿动态id信息也不报错
实际结果：
动态id拿节点信息报错
动态id拿节点信息报错
bug描述：
这个页面发放中第二个tabbar栏 切换到首页的时候获取节点就会报错Cannot read property 'ref' of undefined
Diligent_UI - 【插件开发】【专治疑难杂症】【多款插件已上架：https://ext.dcloud.net.cn/publisher?id=193663(微信搜索飘逸科技UI小程序直接体验)】【骗子请绕道】问题咨询请加QQ群：120594820，代表作灵感实用工具小程序
不切换页面，直接渲染上面的代码有报错吗
前端ll (作者)
不切换页面的时候，不会报错
2024-01-10 14:45