3***@qq.com
3***@qq.com
  • 发布:2021-06-04 17:48
  • 更新:2022-11-21 15:04
  • 阅读:540

nvue页面uni.createSelectorQuery().in(this).select(".warn");报错Cannot read property 'ref' of undefined

分类:nvue

<view class="warn" @tap="navToAddr" id="warn">测试
用uni.createSelectorQuery().in(this).select(".warn");exec时报错TypeError: Cannot read property 'ref' of undefined
用uni.createSelectorQuery().in(this).select("#warn");没问题,见图1

一模一样的代码在vue下面执行的时候就没有问题,见图2

代码:

<template>  
    <view>  
        <view class="warn" @tap="navToAddr" id="warn"><text>测试</text></view>  
    </view>  
</template>  
<script>  
    export default {  
        mounted() {  
            this.test('mounted');  
        },  
        onReady(e) {  
            this.test('ready');  
        },  
        methods:{  
            test(e) {  
                try {   
                    const query1 = uni.createSelectorQuery().in(this).select(".warn"); // 这里要加上select  
                    query1.boundingClientRect(data => {  
                        console.log("得到布局位置信息2"+e + JSON.stringify(data));  
                        console.log("节点离页面顶部的距离为2"+e + data.top);  
                    }).exec();  
                } catch (e) {  
                    console.log(e)  
                }  
                try {  
                    const query1 = uni.createSelectorQuery().in(this).select("#warn"); // 这里要加上select  
                    query1.boundingClientRect(data => {  
                        console.log("得到布局位置信息1"+e + JSON.stringify(data));  
                        console.log("节点离页面顶部的距离为1"+e + data.top);  
                    }).exec();  

                } catch (e) {  
                    console.log(e)  
                }  
            }  
        }  
    }  
</script>  
<style>  
.warn {  
        width: 120px;  
        height: 30px;  
    }  
</style>
2021-06-04 17:48 负责人:无 分享
已邀请:
3***@qq.com

3***@qq.com (作者)

哪位大佬帮忙看看啊,昨天搞了一天了,都没整明白

DuD

DuD - 任何不快乐的时光都是浪费。——Any unhappy is a waste of time.

同样的问题 nvue还是慎用,现在先加个定时器再获取吧

苍山暮色烟雨迟

苍山暮色烟雨迟

咋解决的???/

刘超群

刘超群

咋解决的

要回复问题请先登录注册