this.webview = plus.webview.create(src, 'ecologyWebview', {
plusrequire: 'none',
'uni-app': 'none',
softinputMode: 'adjustPan',
top: this.CustomBar - 1 + 'px',
bottom: '0px',
additionalHttpHeaders: {
access_token: this.$store.state.token
}
});
let thisWv = this.$mp.page.$getAppWebview();
thisWv.append(this.webview);怎么监听网页端uni.postMessage发送的事件
同样卡了一整天, 到处找都没找到, 最后自己解决了. 在此留下造福后人吧...
父页面
//创建子页面并添加到当前页面
var wv = plus.webview.create("/hybrid/html/index.html")
var currentWebview = this.$scope.$getAppWebview();
currentWebview.append(wv);
//重点: 监听子页面uni.postMessage返回的值
plus.globalEvent.addEventListener('plusMessage', function(msg){
if(msg.data.args.data.name == 'postMessage'){
console.log('子页面返回的数据为:'+JSON.stringify(msg.data.args.data.arg));
}
});子页面
<script src="uni.webview.1.5.2.js"></script>
<script>
document.addEventListener('UniAppJSBridgeReady', function() {
//子页面发送数据
uni.postMessage({
data: {
action: 'message'
}
});
})
</script>
2***@qq.com - 80后it男
<template>
<view>
<web-view :webview-styles="webviewStyles" :src="src" @message="handleMessage"></web-view>
</view>
</template>
var additionalHttpHeaders={Referer:'http://m.dcloud2.io/',Token:token,'Accept-Language':lang}
var currentWebview = this.$mp.page.$getAppWebview()
let that=this;
setTimeout(function() {
var wv = currentWebview.children()[0]
wv.loadURL(that.url,additionalHttpHeaders)
}, 1000); //如果是页面初始化调用时，需要延时一下*/
这样应该可以
DCloud 即数字天堂(北京)网络技术有限公司是W3C成员及HTML5中国产业联盟发起单位
京ICP备12046007号-4 | 京公网安备：11010802035340号 | 国家信息安全等级保护三级，证书编号：11010813802-20001
44596296
牛逼牛逼牛逼，大佬真牛逼，扣了一天了终于搞定了，这个方法完美
2021-03-16 15:13
3***@qq.com
你这个完整的页面代码能给我个吗，或者抽出来uniapp web-view 使用plus加载h5页面，这样一个完整的demo，刚开始学习，啥也不会。
2021-04-23 11:42
4***@qq.com
为啥//重点: 监听子页面uni.postMessage返回的值
plus.globalEvent.addEventListener('plusMessage', function(msg){
if(msg.data.args.data.name == 'postMessage'){
console.log('子页面返回的数据为:'+JSON.stringify(msg.data.args.data.arg));
}
});这个没有执行？有完整代码吗？
2021-05-26 15:30
4***@qq.com
回复不能编辑, 在后面的回复中补充了一个demo. 看不懂的直接下载demo运行就可以了
2021-06-05 16:39
1***@qq.com
大佬牛逼，怎么找到这个api的 plus.globalEvent
2022-10-06 20:13
feat
在nvue页面好像不太行
2023-08-28 11:03
DCloud_UNI_HRK
感谢你为ask社区做出的贡献，欢迎各位开发者提供有效的解决方案
2024-01-25 15:20