Electron + Vue + WebView 中使用 preload 方法:
示例代码:
<template>
<webview :src="src" :preload="preloadPath"></webview>
</div>
</template>
<script>
export default {
data () {
return {
src: 'https://example.com',
preloadPath: './preload.js'
</script>
preload.js:
// 可以在预加载脚本中访问 Electron 主进程的 API
const { ipcRenderer } = require('electron')
// 在预加载脚本中定义全局对象
window.example = {
sendMessageToMainProcess (message) {
ipcRenderer.send('message-from-webview', message)
Vue 中的调用:
window.example.sendMessageToMainProcess('message from webview')
做什么梦呢
Electron