一、WEB-view是什么? 简单来说 就是小程序嵌套H5页面 web-view 官网地址 二、如何使用web-view 1.在小程序创建一个页面,专门用来显示H5 不需要在这个页面做修饰,H5页面会自动铺满 bindmessage属性用来
简单来说 就是小程序嵌套H5页面
不需要在这个页面做修饰,H5页面会自动铺满
bindmessage属性用来绑定从H5传值过的函数;
注意:传给H5的数据只能拼接在url后面
代码如下(示例):
接收 h5 页面传递过来的参数
onLoad: function (options) {}, handlePostMessage: function (e) { console.log(e.detail.data) let resObj = e.detail.data[e.detail.data.length - 1];//多次传递会是数组的形式,传递一次会push进数组,所以我们需要拿到最新的数据,也就是数组的最后一个子集 console.log(resObj.message) },
代码如下(示例):
wx.miniProgram.getEnv(function (res) {if (res.miniprogram) { //小程序环境 ,在此进行相关逻辑处理 } else { //非小程序环境下逻辑 console.log('不在小程序中') }})
function getQueryString(e) { var t = new RegExp("(^|&)" + e + "=([^&]*)(&|$)", "i"), i = window.location.search.substr(1).match(t); return null != i ? decodeURIComponent(i[2]) : null}//调用函数 let token = getQueryString("token");
向小程序发送消息,会在特定时机(小程序后退、组件销毁、分享)触发组件的 message 事件;
wx.miniProgram.postMessage({ //这里一定要将数据放在dada中 data: { message: uploadinput.files[0] } }); //跳转到小程序页面,触发向小程序发送消息 wx.miniProgram.redirectTo({ url: '/pages/studentWork/scoreInfo/scoreInfo' })
来源地址:https://blog.csdn.net/qq_35971976/article/details/128327473
--结束END--
本文标题: 微信小程序-web-View使用以及跟小程序的通信传值
本文链接: https://www.lsjlt.com/news/371952.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
2024-05-15
2024-05-15
2024-05-15
2024-05-15
2024-05-15
2024-05-15
2024-05-15
2024-05-15
2024-05-15
2024-05-15
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0