uni-app 的 web-view 加载某些H5页面时，点击返回报错 mui is not defined

最新推荐文章于 2024-10-05 12:50:28 发布

原创最新推荐文章于 2024-10-05 12:50:28 发布 · 2.7k 阅读

3 ·

CC 4.0 BY-SA版权

本文介绍如何在使用MUI开发的网页中，通过注入JS代码禁用返回键的监听功能，避免页面意外关闭。具体操作是在web-view加载完成后，使用evalJS方法执行mui.init配置，将backbutton选项设为false。

因为这些网页是用 mui 开发的，需要将 mui 的返回关闭

mui.init({
keyEventBind: {
backbutton: false //关闭back按键监听
}
});

可以在 web-view 里向这些页面注入这段js

onReady() {
           // #ifdef APP-PLUS
       var currentWebview = this.$scope.$getAppWebview().children()[0];
       //监听注入的js
       currentWebview.addEventListener("loaded", function() {
       currentWebview.evalJS(
       "mui.init({keyEventBind: {backbutton: false }});"
       );
       });
           // #endif
       },