uniapp --->webview 使用,和H5页面通信
小程序页面
<web-view src="http://172.20.10.3:8080/#/information" @message="getMessage" ></web-view>
methods:{
getMessage(event) {
// 跳转别的小程序
my.navigateToMiniProgram({
appId: '2021002170600786',
// path: 'pages/index/index',
extraData:{
"data1":"test"
},
success: (res) => {
console.log(JSON.stringify(res))
},
fail: (res) => {
console.log(JSON.stringify(res))
}
});
},
}
H5页面
<script type="text/javascript" src="https://appx/web-view.min.js"></script>
<script>
if (navigator.userAgent.indexOf('AliApp') > -1) {
document.writeln('<script src="https://appx/web-view.min.js"' + '>' + '<' + '/' + 'script>');
}
</script>
my.postMessage({name:"测试web-view"});