业务场景
小程序内部嵌套web-view,所有业务逻辑都在h5页面中处理；现在需要通过转发分享好友来实现绑定邀请人这个功能。
使用
webview向小程序传数据
需要在小程序触发分享操作，来获取网页向小程序端传递的数据。
网页端
- 安装微信sdk包
pnpm add weixin-js-sdk
- 引入
import wx from "weixin-js-sdk";
- 使用
wx.miniProgram.postMessage({ data: { inviteId } });
小程序端文章来源：https://www.toymoban.com/news/detail-791545.html
<web-view src="{{webUrl}}" bindmessage="getMessage"/>
//接收网页数据
getMessage: function (res) {
let inviteId = res.detail.data;
this.setData({ inviteId });
},
//邀请好友
onShareAppMessage: function () {
return {
title: "分享Title",
path: `/pages/index/index?inviteId=${this.data.inviteId}`,
imageUrl: "",
};
}
小程序向webview传数据
通过更改当前web-view的URL来实现。文章来源地址https://www.toymoban.com/news/detail-791545.html
this.setData({
webUrl: `https://×××××××××?inviteId=${inviteId}`
})
到了这里，关于小程序内嵌web-view，web-view与微信小程序通信传值的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
