webview页面
提示：wx一定要导入sdk
// 返回小程序，并携带当前 WebView 的 URL 和状态
wx.miniProgram.postMessage({
type: 'requestPayment',
data: {
webviewUrl: window.location.href,
orderNum: this.orderNum,
type: 'requestPayment'
}
})
setTimeout(() => {
wx.miniProgram.navigateBack({
delta: 1,
});
}, 300);
小程序webview
<template>
<view>
<web-view
:key="webviewKey"
:src="url"
@message="onWebMessage"
@onPostMessage="onPostMessage"
></web-view>
</view>
</template>
<script>
export default {
data() {
return {
url: "",
webviewKey: ''
};
},
onLoad(options) {
console.log(options);
//this.url = options.url
if (options.url) {
this.url = decodeURIComponent(options.url);
}
if(options.token){
uni.setStorageSync('token',options.token)
}
console.log("-----------", this.url);
},
onShow(e) {
},
methods: {
onWebMessage(e) {
let list = e.detail.data;
let payFlag = list.find((v)=>{
return v.type == "requestPayment"
})
if(payFlag){
this.payFun(payFlag);
}
console.log("onWebMessage", e);
},
// 支付方法
payFun(params){
},
onPostMessage(e) {
console.log("onPostMessage", e);
},
},
};
</script>
<style></style>