支付宝小程序webview向网页传递参数的两种方法
1.通过在地址后拼接参数。这种方式务必注意编码问题,即:小程序页面需要 encode一下。h5页面decode一下。
let name = xxx
my.navigateTo({
url: `/pages/webview/webview?name=${encodeURIComponent(name)}`
})
// h5页面
mounted() {
this.name = decodeURIComponent(util.getQueryString('name'))
}
2. 使用postmessage方式。
web-view 内嵌 H5 内通过 my.postMessage 向小程序 postMessage 消息,通过 my.onMessage 接收来自小程序的消息。
小程序通过 onMessage 属性注册函数接收 H5 发生过来的信息,在接收到信息后可通过 this.webViewContext.postMessage 向 H5 发送 postMessage 消息。
支持 web-view 的 postMessage 传递多个参数。
注意:双向通信能力的流程是 H5 先发消息给小程序,小程序接收到消息后再发消息给 H5。
具体可参考支付宝文档: 小程序与web-view内嵌H5相互通信
-
可以使用 vue 开发微信小程序吗如何使用 vue 开发小程序
-
uniapp 中使用 vuex,vue2 和 vue3 的区别在 uniapp 中如何引入 vuex
-
支付宝小程序INVALID_PARAMETER(订单数据同步报错)支付宝小程序订单中心提示 INVALID_PARAMETER(参数有误,不同情况下的 sub_msg 可能不同)。
-
支付宝小程序搜索关键词提示 BIZ_ERROR(没有操作权限)支付宝小程序搜索关键词提示 BIZ_ERROR(没有操作权限),错误原因可能是搜索服务工单的 appId,其所属的商家并未授权给当前操作用户
-
微信小程序移除插屏广告关闭事件的监听函数InterstitialAd.offCloseInterstitialAd.offClose是微信小程序移除插屏广告关闭事件的监听函数。onClose 传入的监听函数。不传此参数则移除所有监听函数。
-
微信小程序wx.getExtConfig获取第三方平台自定义的数据字段wx.getExtConfig是微信小程序获取第三方平台自定义的数据字段函数。
暂无评论,抢个沙发...