uniapp --->webview 使用,和H5頁面通訊
阿新 • • 發佈:2022-05-19
小程式頁面
<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"});