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"});

  

posted @ 2022-05-19 10:10  不服憋着  阅读(265)  评论(0编辑  收藏  举报