解决uniapp使用webview引用H5网页手机物理返回无效
解决uniapp使用webview引用H5网页返回直接退出程序
·
解决uniapp使用webview引用H5网页手机物理返回无效
今天在项目uniapp打包使用webview嵌套h5页面发现手机物理返回键无法使用,找了半天终于找到解决办法,主要需要解决h5的通讯问题。
首页在webview上加入需要引入的h5链接
<template>
<view class="content">
<web-view src="https://xxx"></web-view>
</view>
</template>
加入后能够正常访问h5链接,但单击某一页面后,手机物理返回键无效,加入以下代码完美解决
<script>
export default {
data() {return {}},
methods: {},
onReady() {
var currentWebview = this.$scope.$getAppWebview().children()[0];
currentWebview.addEventListener("loaded", function() {
currentWebview.evalJS(
"$(\"ul.fed-part-rows a[href*='resource.i847.cn']\").parent().hide();"
);
});
},
onBackPress(e) {
this.$scope
.$getAppWebview()
.children()[0]
.back();
return true;
}
}
</script>
更多推荐
已为社区贡献3条内容
所有评论(0)