uniapp返回webview返回小程序并且跳转回webview

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>

相关推荐
@Dream_Chaser31 分钟前
uniapp ruoyi-app 中使用checkbox 无法选中问题
前端·javascript·uni-app
鱼是一只鱼啊33 分钟前
uniapp移动端地图提示鉴权失败请传入正确的key问题处理
uni-app
毛毛三由35 分钟前
基于svga+uniapp的微信小程序动画组件开发指南
微信小程序·uni-app·notepad++
雪碧聊技术2 小时前
uniapp简介
uni-app·hbuilder
一只一只妖2 小时前
uniapp小程序无感刷新token
前端·小程序·uni-app
编程毕设4 小时前
基于小程序的智能停车管理系统设计与开发
小程序
Kelaru5 小时前
本地Qwen中医问诊小程序系统开发
python·ai·小程序·flask·project
y东施效颦6 小时前
uni-app uni-push 2.0推送图标不展示问题
uni-app·github