uniapp webviwe通信无法返回问题

最新推荐文章于 2023-09-05 09:49:15 发布

我不是靓仔啊

最新推荐文章于 2023-09-05 09:49:15 发布

阅读量1.7k

点赞数

文章标签： uni-app javascript 前端

本文链接：https://blog.csdn.net/asd2437252087/article/details/127630750

版权

/Users/huangkailin/Downloads/anhui-mobile/src/static/js/uni.webview.js

		<script type="text/javascript" src="../js/uni.webview.js"></script>

引入uni.webviwe js

使用webUi 发送信息

webUni.postMessage({
            data: {
              action: 'testTTS'
            }
          })

你需要返回的地方接受信息

 <web-view :src="appUrl + '/mobile' + scomHtml" @postMessage="handleMessage" @message="handleMessage"></web-view>

    /**
     * @description: 与webview的通信（包括关闭、听书）
     * @param {*} event
     * @return {*}
     */    
    handleMessage(event) {
      console.log('接收到消息222')
        // this.$Router.back(1)
        // #ifdef APP-PLUS
        let pages = getCurrentPages()  
        let page = pages[pages.length - 1];  
        let currentPages = page.$getAppWebview()  
        currentPages.close()
        // #endif
        // #ifdef H5
        this.$Router.back(1)
        // #endif
        // return false
    },

这边就可以接受到信息返回了