<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:36
- 更新:2024-02-26 16:38
- 阅读:213
产品分类: uniapp/小程序/微信
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: window 11
HBuilderX类型: 正式
HBuilderX版本号: 4.01
第三方开发者工具版本号: 3.0.0-3090620231104002
基础库版本号: 3.0.0-3090620231104002
项目创建方式: HBuilderX
示例代码:
操作步骤:
预期结果:
实际结果:
bug描述:
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
1 个回复
c***@qq.com (作者)
已解决,由于使用的第三方的小程序平台,使用第三方提供的jssdk文件即可