uniapp 使用webview时获取h5的数据响应

最新推荐文章于 2024-12-08 21:39:14 发布

原创

最新推荐文章于 2024-12-08 21:39:14 发布 · 852 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#uni-app

当uniapp中使用webview展示一个h5页面，例如，展示一个表单页面，希望h5表单提交完成后，uniapp当前放置webview的页面返回上一页，这时，需要获取到来自h5的响应信息

uniapp中

@message：网页向应用 postMessage 时，会在特定时机（后退、组件销毁、分享）触发并收到消息。

<web-view :src="vdata.url" @message="onMessageFunc"></web-view>

// 网页向小程序 postMessage 为实时消息
// 接收到 web-view事件 
function onMessageFunc(msg) {
   
   
	console.log(msg);
  // 接收到响应的数据 [数组格式， 比如接收到 web-view的返回等特定事件， 将数据入栈全部返回 ]
  let postDataArray = msg