uni-app web-view组件返回按键back返回不到app,web-view组件在ios上加载不出来显示错误。

直奔主题,题目上的两个坑解决方法如下:

一、uni-app web-view组件 打包之后ios显示错误或者显示不出来。

解决方案:
web-view组件的src是请求数据接口返回的url的话需要判断一下当前数据是否存在,可解决ios端空白或者报错问题。

<web-view v-if="url" :src="url"></web-view>

二、web-view组件返回按键返回不到软件本身页面。

解决方案如下可复制解决:

var wv;//计划创建的webview
    export default {
        onLoad(e) {
            var linkData = e.link;
            console.log(linkData,"获取到的数据是什么");
            // #ifdef APP-PLUS
            wv = plus.webview.create("","custom-webview",{
                plusrequire:"none", //禁止远程网页使用plus的API,有些使用mui制作的网页可能会监听plus.key,造成关闭页面混乱,可以通过这种方式禁止
                'uni-app': 'none', //不加载uni-app渲染层框架,避免样式冲突
                top:uni.getSystemInfoSync().statusBarHeight + 44 //放置在titleNView下方。如果还想在webview上方加个地址栏的什么的,可以继续降低TOP值
            })
            wv.setStyle({ height:uni.getSystemInfoSync().windowHeight})
            wv.loadURL(linkData)
            var currentWebview = this.$mp.page.$getAppWebview() //获取当前页面的webview对象
            currentWebview.append(wv);//一定要append到当前的页面里!!!才能跟随当前页面一起做动画,一起关闭
            setTimeout(function() {
                console.log(wv.getStyle())
            }, 1000);//如果是首页的onload调用时需要延时一下,二级页面无需延时,可直接获取
            // #endif
        }
    }

说明:wv.setStyle给webview重新设置高度,可显示web-view里面嵌套的底部tabbar。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • uni-app跨平台框架官方教程 链接:https://ke.qq.com/course/343370 一、框架简...
    Neyo_凉阅读 36,362评论 0 43
  • 前几天看李誕在《奇葩说》中说的一件事,觉得很有意思,他说一个拥有私人飞机的成功人士,痛苦的羡慕着沙特富豪们怎么那么...
    射手座妈咪阅读 865评论 0 3
  • 1、如果失败了,最坏打算是什么?可以反推当前的主干业务和骨干人才的必要,以及可能的割舍的必要,只有在最坏情况的背景...
    咸叔说阅读 104评论 0 0
  • 纪实: 长途的旅行回来,人睡得像一块儿进了水的海绵,才发现醒来的时候,胳膊也酸,腿也酸-------- 记起,那红...
    蓝天乐道阅读 229评论 0 0
  • 购买重疾险的20个注意事项 购买时间 健康风险伴随一生,当然越早购买越安心: 1、时间不可逆转,越早购买保费越低 ...
    轩铭杂谈阅读 1,275评论 0 1