component: () => import('@/views/Test.vue') },
在使用vue-cli-plugin-electron-builder创建的 Electron 项目中,你可以通过修改主进程代码和渲染进程中的 Vue 组件来实现点击按钮打开新窗口的功能。即使没有单独的preload.js文件,你仍然可以通过 IPC(进程间通信)在主进程和渲染进程之间进行通信。 以下是实现这一功能的步骤: 1. 配置主进程 在background.js中,监听...
如果在router中设置了histroyhistory: createMemoryHistory(), 那么在electron中打开新窗口时候,即使指定了login页面, 他也会与打开主窗口的重定向路由页面一样 我就是看文档时候用了官方的例子 解决方法:使用 history: createWebHistory(import.meta.env.BASE_URL), 重点:createMemoryHistory 不会直接与浏览器的地址栏...
针对于我们当前的 Electron+Vue3+TS 项目,主要实现以下需求。 需求如下: 在渲染进程中,直接调用某个方法即可打开新窗口。 默认打开的新窗口是一个子窗口。 打开新窗口方法可以接收参数。 可以传入路由地址,新窗口渲染此路由地址页面。 可以传入窗口样式,如宽高、背景色、是否显示默认菜单栏等等。 可以单独关闭当前新...
针对于我们当前的Electron+Vue3+TS项目,主要实现以下需求。 需求如下: 在渲染进程中,直接调用某个方法即可打开新窗口。 默认打开的新窗口是一个子窗口。 打开新窗口方法可以接收参数。 可以传入路由地址,新窗口渲染此路由地址页面。 可以传入窗口样式,如宽高、背景色、是否显示默认菜单栏等等。
上边这段代码是打开新窗口的代码,calendarWin.loadURL(winURL + '#/Calendar') 是指向我们上边创建的页面。 4.4 在Home.vue页面中调用创建新窗口的方法 openCalendarWindow(){ipcRenderer.send('openCalendarWindow')} 接下来我们看下效果 以上就是今天的全部内容,下一篇我们讲一下怎么发系统通知,最小化到托盘,剪...
上边这段代码是打开新窗口的代码,calendarWin.loadURL(winURL + '#/Calendar') 是指向我们上边创建的页面。 4.4 在Home.vue页面中调用创建新窗口的方法 openCalendarWindow(){ipcRenderer.send('openCalendarWindow')} 接下来我们看下效果 中间的日历就是新打开的窗口 ...
接着，创建 `window.ts` 文件，该文件将包含具体实现窗口创建、事件监听和系统托盘管理的函数。这些函数将与渲染进程协同工作，确保应用在不同窗口间流畅交互。在渲染进程中，利用 `@vueuse/electron` 模块实现主进程与渲染进程之间的通信。通过这一模块，渲染进程可以调用主进程提供的函数，如打开新窗口。
点击一个条目,根据获取到的网站 URL 信息,打开网站窗口。 1、修改 Main.vue 在/src/components/Main.vue 组件里,给每个条目添加双击事件,双击后打开网站窗口,同时注入一段 JS 代码: <template> // ... // ... </template> // ... import buttonJS from './button' export default { // ...