小程序
小游戏
企业微信
微信支付
扫描小程序码分享
小程序如何向web-view传参?
3 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
可以的,
在微信小程序中,你可以通过web-view组件来加载网页,并通过postMessage接口向网页传递数据1。以下是一个简单的示例:
web-view
postMessage
<web-view id="myWebview" src="你的网页链接" bindmessage="onMessage"></web-view>
const webview = wx.createSelectorQuery().select('#myWebview'); webview.postMessage({ data: { foo: 'bar' } });
JavaScriptwindow.addEventListener('message', function(event) { // event.data 是小程序发送过来的数据 console.log(event.data); });
在这个示例中,小程序会向web-view组件加载的网页发送一个包含{foo: 'bar'}的数据对象。网页可以通过监听message事件来接收并处理这个数据1。
{foo: 'bar'}
message
希望这个信息能帮助到你!如果你还有其他问题,欢迎随时向我提问。
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
webview.postMessage is not a function
这个问题有解决方案吗?我现在只需要将扫码的结果返回到webview的h5页面就可以了
参考下文档
https://developers.weixin.qq.com/miniprogram/dev/component/web-view.html
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
可以的,
在微信小程序中,你可以通过
web-view
组件来加载网页,并通过postMessage
接口向网页传递数据1。以下是一个简单的示例:web-view
组件:<web-view id="myWebview" src="你的网页链接" bindmessage="onMessage"></web-view>
postMessage
接口向网页传递数据:JavaScriptwindow.addEventListener('message', function(event) { // event.data 是小程序发送过来的数据 console.log(event.data); });
在这个示例中,小程序会向
web-view
组件加载的网页发送一个包含{foo: 'bar'}
的数据对象。网页可以通过监听message
事件来接收并处理这个数据1。希望这个信息能帮助到你!如果你还有其他问题,欢迎随时向我提问。
楼主验证过了吗
webview.postMessage is not a function
这个问题有解决方案吗?我现在只需要将扫码的结果返回到webview的h5页面就可以了
参考下文档
https://developers.weixin.qq.com/miniprogram/dev/component/web-view.html