uni-app的web-view与内嵌网页通信
<template>
<div>
<!-- Webview元素 -->
<webview ref="webview" src="your-webview-source.html"></webview>
<button @click="sendMessage">发送消息给WebView</button>
</div>
</template>
<script setup>
import { ref } from 'vue';
const webview = ref(null);
const sendMessage = () => {
if (webview.value) {
webview.value.postMessage('你要发送的消息内容', '*'); // 第二个参数是允许发送消息的域,'*'表示任何域
}
};
</script>
// 在webview加载的页面中
window.addEventListener('message', (event) => {
const message = event.data;
// 处理消息
console.log('收到消息:', message);
});
上一篇
社交黑话
下一篇
如何在windows下切换node版本