app内嵌H5踩坑

内嵌的H5是用的vue2版本开发的,期间有很多的坑要踩:

1、调用app返回上一个页面不触发页面的onmouted和window.onPageShow

  app返回上一个页面调用的方法并不会出发vue的页面更新也不触发浏览器的回退事件。

  最后使用的是window.history才触发了页面的回退事件

2、唤起软键盘后页面高度变化

  因为是内嵌app的H5页面,没有测试机,也未安装虚拟机暂时无法测试

3、因为是内嵌页面,会遇到一个问题就是,底部tab打开的页面相当于浏览器的窗口,同时存在几个窗口,vuex没有触发,但是这个时候又需要几个页面之间进行通信

  解决方案是使用local缓存,然后在页面使用watch进行监听,变相的实现了事件触发

posted @ 2023-01-06 19:05  骚年上天不?  阅读(548)  评论(0编辑  收藏  举报