uni-app的web-view与内嵌网页通信

https://blog.csdn.net/qq_34917408/article/details/124946359
                                <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版本

史努比博客