c***@qq.com
c***@qq.com
  • 发布:2024-02-26 11:54
  • 更新:2024-02-26 16:38
  • 阅读:650

webview 向 uniapp小程序通信,无法接收信息

分类:uni-app

uniapp 小程序中的 webview 引入 uni.webview.1.5.5.js,并在web中调用 uni.webView.postMessage 以及 uni.webView.navigateBack 后,在小程序webview的 @message 并没有收到消息。

uniapp版本:3.0.0-3090620231104002
web端: nuxt 3

代码:

// uniapp端  
<template>  
    <view>  
        <web-view  :src="url" @message="messaged"></web-view>  
    </view>  
</template>  
<script>  
    export default {  
      data() {  
        return {  
          url: ''  
        }  
      },  
      onLoad(options) {  
        this.url = options.url;  
      },  
      methods: {  
        messaged(event) {  
          console.log(event);   // 没有接收到  uni.webView.postMessage 的信息  
        },  
      }  
}  

// web 端:  
methods: {  
    clickSendMsg() {  
      // uni.webView 可以打印出有 navigateTo/navigateBack/switchTab/postMessge/redirectTo/getEnv等方法  
      uni.webView.postMessage({  
        data: {  
          type: 'back'  
        }  
      });  
      uni.webView.navigateBack();     
  }
2024-02-26 11:54 负责人:无 分享
已邀请:
c***@qq.com

c***@qq.com (作者)

已解决,由于使用的第三方的小程序平台,使用第三方提供的jssdk文件即可

要回复问题请先登录注册