191640851@qq.com
191640851@qq.com
  • 发布:2018-12-01 14:45
  • 更新:2018-12-04 08:57
  • 阅读:3758

uni-app 的web-view组件中加载mui开发的H5页面时,点击返回报错

分类:uni-app

在android手机中调试uni-app项目,在uni-app 的web-view组件中加载用mui开发的H5页面,H5页面加载正常,但点击web-view组件页的原生返回按钮后会报如下错误:
ReferenceError: mui is not defined
Uncaught ReferenceError: mui is not defined at __uniappview.html:1

具体调用流程:
1.主页面点击事件执行如下方法:
uni.navigateTo({
url: 'sub-view?suburl=http://192.168.5.223:8080/hyzn.html '),
});
打开sub-view.vue页面。

2.sub-view.vue内容如下:
<template>
<view>
<web-view :src="subviewUrl" @message="handleMessage"></web-view>
</view>
</template>

<script>
export default {
data() {
return {
subviewUrl:''
};
},
methods: {
handleMessage(evt) {
console.log('接收到的消息:' + JSON.stringify(evt.detail.data));
}
},
onLoad(option){
this.subviewUrl=decodeURIComponent(option.suburl);
console.log(this.subviewUrl);
}
}
</script>
sub-view.vue页面打开后加载“http://192.168.5.223:8080/hyzn.html”页面,由于hyzn.html由老版mui框架做成,引入了mui.min.js文件,在hyzn.html脚本中有mui.init()等方法的调用,页面加载过程正常。

3.但当点击sub-view.vue页面上原生的返回按钮时会报错,错误如下:
ReferenceError: mui is not defined
Uncaught ReferenceError: mui is not defined at __uniappview.html:1
页面不能正常返回,点击andriod手机返回按钮时也不能退出。

这是不是uni-app隐藏的一个Bug?需方官方尽快有一个解决方法告知。

联系方式
QQ:191640851

2018-12-01 14:45 负责人:无 分享
已邀请:
191640851@qq.com

191640851@qq.com (作者)

谢谢,解决了:换成下面这句就没报错了
mui.init({
keyEventBind: {
backbutton: false //关闭back按键监听
}
});

Trust

Trust - 少说废话

用 MUI 开发的页面,是不是没有关闭对返回键的监听?
另外,提供下这个地址。

要回复问题请先登录注册