uniapp web-view 在 h5 关闭

web-view

在官网里面我们可以看到，网页向应用 postMessage 时，会在特定时机（后退、组件销毁、分享）触发并收到消息

postmessage

uni.postMessage({data:{}});	//以这种格式发消息  postMessage 接收

又或者可以直接像这样关闭,但是众所周知 page.$getAppWebview 只有在 APP 里面才获取得到

let pages = getCurrentPages()  
let page = pages[pages.length - 1];  
let currentPages = page.$getAppWebview()  
currentPages.close()
return false

所以我们再看看文档会发现

哇靠，破防了

window.postMessage

window.postMessage({},window.open(""))

好的我又来了，说新打开一个窗口这个方式不可以这样，我？？？

那就接着改呗

原文

看到这篇文章然后我就试了一波，发现直接在 web-view 页面这样写就可以了！！！，大家可以去试试，原理是什么有大佬可以解答一下吗~

mounted() {
		window.addEventListener("message", this.handelMessage)
	},
methods: {
		handelMessage(e) {
			console.log('e - 我被触发了！！！',e)
		},
	},

在操作完的 h5 页面

//js 代码
uni.postMessage();