uniapp开发H5兼容APP,踩坑吐血整理

文章讨论了uniapp在开发过程中遇到的几个问题,包括因分包导致的App报错,App中onShow生命周期内无法通过this.$refs访问子组件方法,pages.json全局样式在App上不生效,以及ios设备在onload中无法获取子组件方法,这些问题分别与代码执行顺序和平台差异有关。
摘要由CSDN通过智能技术生成

问题一:uniapp H5 不报错 App报错:TypeError: Cannot read property 'call' of undefined 此错误导致程序在真机调试时白屏,但是在H5上时正常的

这个报错的主要原因是小程序分包导致的。当前页面引入其他包的js文件,但是执行当前页面时,js所在的包还未开始编译,就会导致控制台提示call的指向问题。

问题二:使用this.$refs.子组件.xxx方法, uniapp:H5正常,APP报错提示 Error in onShow hook (Promise/async): TypeError: Cannot read property  xxx  of undefined 

经过确认了解到 xxx的位置,我是在onshow中调用 子组件的方法 去请求数据,但提示 未找到该方法。初步判断是 页面渲染的执行顺序问题。在真机调试中,生命周期onShow是在页面渲染之前执行的,此时通过this.$refs 拿不到页面的dom,控制台就会提示 "Cannot read property  xxx  of undefined " . 将此语句放在 onLoad生命周期中执行,是正常的。 

问题三 : 1.pages.json ——>globalStyle 的 backgroundColor 属性,在app上不生效, 但是在H5 上正常显示的

问题四:ios 在onload生命周期中 拿不到this.$refs.子组件.xxx方法 ,可以写在mounted生命周期中

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值