1、H5代码部分(调用这个方法需要在onshow里调用)
export function send_post_message(title, desc, shareUrl, imageUrl) {
var e= store.state.info;
wx.miniProgram.postMessage({
data: {
title: title,
imageUrl: imageUrl,
path: `pages/newWeb/index?no=` + e.code+ `&shareUrl=${encodeURIComponent(shareUrl)}`
}
});
}
2、小程序
<template>
<view>
<web-view :src="url" @message="genData" :webview-styles="webviewStyles"></web-view>
</view>
</template>
<script>
export default {
data() {
return {
webviewStyles: {
progress: {
color: '#FF3333'
}
},
url: '',
h5Data: {},
jumpUrl: ''
}
},
onLoad(e) {
this.url = decodeURIComponent(e.url)
console.log('share====e===11111111111111111' + decodeURIComponent(e.url))
},
// created() {
// this.genData()
// }
methods: {
load(e) {
try {
let that = this
let url = wx.getStorageSync('ChopUrl')
that.url = url
} catch (e) {
console.log('main---main-===' + e.message)
}
},
genData(e) {
console.log('e.detail.data===' + JSON.stringify(e.detail.data))
this.h5Data = e.detail.data[e.detail.data.length - 1]
},
onShareAppMessage: function(options) {
return {
title: this.h5Data.title,
desc: this.h5Data.desc,
path: this.h5Data.path,
imageUrl:this.h5Data.bgImgUrl,
}
},
}
}
</script>
<style></style>