微信小程序(uniapp)
<view>
<button @click='goWebView'>跳转webview页面</button>
</view>
onShow() {
this.initPage()
let mapList = uni.getStorageSync('mapList')
//选择H5后传参回来
},
methods方法:
goWebView(){
wx.navigateTo({
url: '/pages/demand/webView?status=1',
)
},
web-view页面
<template>
<view>
<web-view :src="webUrl" @message="getMessage"></web-view>
</view>
</template>
<script>
import { MAP_URL } from "@/utils/api.js"
export default {
data() {
return {
webUrl: '',
userId: '',
}
},
onLoad: function (options) {
//带入token进入H5页面
let token = uni.getStorageSync('token')
this.webUrl = `${MAP_URL}/#/home?token=${token}`
},
methods: {
getMessage(e){
//接收参数,也可以跳转到小程序其他页面将参数传递过去
uni.setStorageSync('mapList',e.detail)
},
},
}
</script>
<style></style>
H5页面
wx.miniProgram.navigateBack({delta: 1})//返回小程序
wx.miniProgram.postMessage({ data:mapList })//带入数值