在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
s***@163.com
你这代码是加在点击事件那里?
2020-06-18 11:59
r***@foxmail.com
这个是在哪边改的?
2022-08-22 17:23