美文网首页
uni.createSelectorQuery()在app端返回

uni.createSelectorQuery()在app端返回

作者: Aegis | 来源:发表于2021-04-19 14:35 被阅读0次

1、TypeError: Cannot read property 'left' of null

小程序和H5运行正常,但是App运行就报以下错误

19:10:31.860 [Vue warn]: Error in event handler for "view.onRequestComponentInfo": "TypeError: Cannot read property 'left' of null"
19:10:31.908 (found <Root>)
19:10:31.931 TypeError: Cannot read property 'left' of null

错误比较明显,但是会发现,left 这个属性是有的,于是各种定位问题,最终发现问下出现在uni-app的Api调用时机上

又是官方文档的锅,官方文档说:createSelectorQuery 方法,需要在 mounted() 生命周期调用

实际也是这么操作的,但是实际会发现boundingClientRect((res)) 方法中的res会一直返回null,导致或许全都出错

基于之前客户端的开发经验,这里肯定是取值时,还没完全渲染完,于是,加点延迟,问题解决

# 出错代码
mounted() {
            setTimeout(() => {
                const query = uni.createSelectorQuery().in(this);
                query.select('.tab-box').boundingClientRect((res) => {
                    this.box = res;
                    this.updateTabWidth();
                }).exec();
            }, 0);
}

# 正确代码
mounted() {
            setTimeout(() => {
                const query = uni.createSelectorQuery().in(this);
                query.select('.tab-box').boundingClientRect((res) => {
                    this.box = res;
                    this.updateTabWidth();
                }).exec();
            }, 300);
}

相关文章

  • uni.createSelectorQuery()在app端返回

    1、TypeError: Cannot read property 'left' of null 小程序和H5运行...

  • 多路复用 poll

    客户端 app 程序 要的: 思想: 口诀:有数据是返回POLLIN,没数据返回0;

  • php写接口session实现app跳转网页保留用户信息

    php写接口app端跳转网页用户信息如何获取,本文写一种使用session实现方式。 app端登录,后端返回ses...

  • Swift WKWebview与JS互调

    项目需求: 一. js调用app方法并同步返回值 js端调用方式: js端的关键代码: swift端的代码: 二....

  • 分页查询接口优化

    1 app端查询时,listview上拉加载更多展示。之前做app的时候,服务端直接返回当前页的数据,由客户端根据...

  • 文章详情页功能设计

    各平台特性及文章分类: APP端文章详情页,左上角都是返回按钮。 APP端文章详情页,右上角一般都是设置、分享、收...

  • uni-app获取指定标签的高度

    var view = uni.createSelectorQuery().select(".list-right"...

  • OC和Web交互

    项目需求是 点击网页的返回,返回到原生APP,所以要截获网页的返回事件。 原理是和网页端协议好一个URL(字符串)...

  • 使用消息转发处理消息崩溃

    在移动端APP开发中,崩溃率是一个衡量APP性能的一个很重要的指标。常见的崩溃有服务器返回数据崩溃、内存泄漏崩溃、...

  • JSON模型转换与YYModel

    作为App端开发,iOS和Android都不可避免要将服务器返回的数据转换为Model以便使用,而服务器返回的数据...

网友评论

      本文标题:uni.createSelectorQuery()在app端返回

      本文链接:https://www.haomeiwen.com/subject/srnplltx.html