uni-app之webview通信实现方法示例

https://gitcode.net/dcloud/uni-app/-/raw/dev/dist/uni.webview.1.5.6.js

import '/static/js/uni.webview.1.5.6.js'

if(uni.webView) {
	console.log("支持uni.webview", uni.webView);
	uni.webView.postMessage({
		data: {
			action: 'backToPlatform'
		}
	});
} else {
	console.log("不支持uni.webview");
}

<web-view
	 :embed="true" 
	 :src="imViewUrl" 
	 @message="handleMessage" 
/>

export default {
	//其他代码
	methods: {
		handleMessage(e) {
			if(e && e.detail && e.detail.data && e.detail.data.length > 0) {
				const { action } = e.detail.data[0];
				if(action == 'backToPlatform') {
				//在这里，我们可以通过显隐条件或refs对象的操作来关闭web-view
				}
			}
		},
	}
	//其他代码

var currentWebview = that.$parent.$scope.$getAppWebview()
currentWebview.children()[0].evalJS(`onMicrophonePermResult(${res ? 'true' : 'false'})`);

	mounted() {
		// 将方法挂载到 window，供主应用调用
		window.onMicrophonePermResult = (result) => {
			console.log("onMicrophonePermResult result=", result)
		};
	},