解决uniapp web-view 跳转到mui开发的h5项目 返回被拦截报错的问题
摘要:解决uniapp web-view跳转mui开发的H5项目返回拦截问题,提供两种方案。方案一在H5项目中直接添加mui.init代码禁用返回键监听,稳定性较好。方案二在uniapp的web-view页面通过evalJS注入代码,但存在二次打开失效的问题。建议优先采用方案一实现稳定效果。两种方案均针对APP端(APP-PLUS)环境实现。
·
解决uniapp web-view 跳转到mui开发的h5项目 返回被拦截报错的问题
方案一(网页中加代码,很稳定):
mui.init({
keyEventBind: {
backbutton: false //关闭back按键监听
}
});
方案二(在uniapp web-view页面里加代码,第一次有效,但第二次再打开窗口不灵了):
onReady() {
// #ifdef APP-PLUS
var currentWebview = this.$scope.$getAppWebview().children()[0];
//监听注入的js
currentWebview.addEventListener("loaded", function() {
currentWebview.evalJS(
"mui.init({keyEventBind: {backbutton: false }});"
);
});
// #endif
},
更多推荐
所有评论(0)