|
快应用代码 <web src="{{loadUrl}}" @message="handleFromH5" id="web" trustedurl={{trustedurl}}></web>
export default {
private: {
componentName: 'web',
loadUrl: "http://192.168.31.118:8083?&from=fast_app",//第一步跳转至H5
//快应用和被加载进来的网页之间进行双向通信，
//那不论加载的是一般网页，还是用 vue 制作的网页，以及其它网页： 一定要使用 trustedurl 属性！
trustedurl:[/^http:\/\/192.168.31.118/]
},
//第四步通过onmessage接收到H5发来的消息，关闭快应用
handleFromH5() {
this.$app.exit()
},
}Vue代码 <template>
<button @click="handleQuitH5">返回</button>
<template>
export default {
//收到快应用发送的消息时触发
mounted() {
// 第二步h5接收来自快应用的信息
window.system.onmessage = function (data) {
console.log(data, "h5页面接收快应用消息");//不知道为啥data为undefined
};
},
methods: {
handleQuitH5() {
// 第三步h5通知快应用在网页中的事情都做完啦，我要回到快应用啦，你准备下
window.system.postMessage("你好快应用，我在H5");
},
}
}！！！调试以真机调试为准，例如 this.$app.exit()//在IDE调试会报错 相关资源：
https://bbs.quickapp.cn/forum.php?mod=viewthread&tid=2491 https://bbs.quickapp.cn/forum.php?mod=viewthread&tid=1958
错误地方，欢迎大佬们修改 | 
