如果在router中设置了histroyhistory: createMemoryHistory(), 那么在electron中打开新窗口时候,即使指定了login页面, 他也会与打开主窗口的重定向路由页面一样 我就是看文档时候用了官方的例子 解决方法:使用 history: createWebHistory(import.meta.env.BASE_URL), 重点:createMemoryHistory 不会直接与浏览器的地址栏...
上图中左侧是我们的主窗口,点击打开新窗口按钮时,便会打开右侧的子窗口,接下来我们就需要去写代码来实现了。 3.具体实现 3.1 改造 electron-main/index.ts 文件 既然我们要通过调用方法来打开新窗口,那么有必要将打开新窗口这类操作直接封装成方法,我们改造下主进程的入口文件。 代码如下: // electron-main/index...
在渲染进程中我们使用@vueuse/electron模块方便的进行主进程与渲染进程之间的通信,比如我们打开一个新窗口,可以像如下写法。 代码如下: <template>打开新窗口</template>import { useIpcRenderer } from "@vueuse/electron";const ipcRenderer = useIpcRenderer();const openNewWin = () => {ipcRenderer.send("...
在实现目标之前，先明确常见桌面应用的开窗特性，比如腾讯视频或QQ等软件是如何处理新窗口的。对于Electron + Vue3 + TS项目，我们的需求主要包括：在主窗口中打开新窗口、处理窗口之间的父子关系、以及可能的更多自定义需求。实现功能的第一步，是通过封装方法来简化打开新窗口的操作。在主进程的入口文件 ...
这次继续接着上次项目,主要介绍electron25结合vue3技术实现创建多开窗口及窗口间主/渲染进程通信知识。 随着electron快速更新,结合vite的高效构建运行速度,现在新开一个独立窗口,打开速度极快。 electron官网主进程模块BrowserWindow用于创建一个新窗口的方法,提供了非常丰富的API操作用法。
删除C:\Users\lanyuan\AppData\Local\electron-builder\cache缓存文件 重新安装electron 错误二: 解决办法: 尝试解决网络问题 尝试将该文件下载下来,本地配置 总结 到这里我们electron + Vue3 + TS + Vite的项目架子就搭建完成了,这只是一个最简单的项目框架,还需要有非常多的地方需要我们去填充,比如打开新窗口,桌...
// 在electron 10.0.0之后,remote模块默认关闭 // 必须手动设置webPreferences中的enableRemoteModule为true之后才能使用 enableRemoteModule: true, // 打开remote模块 ... } }); 无法close窗口 elecotrn bug 需要关闭调试窗口后才可以关闭窗体https://github.com/electron/electron/issues/25012 ...
项目需要在electron的项目中新打开一个窗口,利用webpack作为静态资源打包器,发现在webpack中可以设置多页面的入口,今天来讲一下我在electron中利用webpack建立多页面入口的踩坑经验。 1、webpack的核心概念 •Entry:入口,Webpack执行构建的第一步从Entry开始; ...
创建一个新的文件main.js,需要注意的是,该内容中index.html的加载路径跟electron官网给的配置不同。 // main.js // 控制应用生命周期和创建原生浏览器窗口的模组 const { app, BrowserWindow } = require('electron') const path = require('path') ...
整个项目采用vite5.x构建工具整合electron跨端技术,使用vue3 setup语法编码开发。 入口配置main.js import { createApp } from 'vue' import './style.scss' import App from './App.vue' // 引入组件库 import ElementPlus from 'element-plus'