如果在router中设置了histroyhistory: createMemoryHistory(), 那么在electron中打开新窗口时候,即使指定了login页面, 他也会与打开主窗口的重定向路由页面一样 我就是看文档时候用了官方的例子 解决方法:使用 history: createWebHistory(import.meta.env.BASE_URL), 重点:createMemoryHistory 不会直接与浏览器的地址栏...
UI组件库:element-plus^1.0.2 (饿了么外卖vue3组件库) 报表拖动:sortablejs^1.13.0 图表组件:echarts^5.1.1 现代化计划方案:vue-i18n^9.1.6 数据信息仿真模拟:mockjs^1.1.0 二、关键特点 前端技术栈Vite2、Vue3、Electron12、Element Plus、Vue-i18n、Echarts5.x、Sortable、Mockjs。 管理权限验证适用部件...
router.push('/'); }; 「3、配置路由表」 在src下新建一个router目录,然后在里面添加一个index.ts文件,在里面配置路由 // src\router\index.ts import { createRouter, createWebHashHistory } from 'vue-router' const router = createRouter({ // hash 模式。 history: createWebHashHistory(), rou...
const router = createRouter({ history: createWebHashHistory(process.env.BASE_URL), routes }); export default router; main.vue main.vue文件主要是作为一个整体框架,考虑到页面切换时候的动效,分为头部和主体部分,头部作为一个单独的组件处理,内容区域使用router-view渲染。 html部分,这里和vue2.x有点区别...
首先,安装:npm i @vue/cli -g 接着,创建项目:vue create tasky-vue 运行该命令后,会有一系列选择项让我们进行选择,在我们这个项目中,选择如下: ? Please pick a preset: Manually select features ? Check the features needed for your project: Choose Vue version, Babel, Router, Vuex, CSS Pre-process...
(3) 在electron/index.js下配置窗口基本信息 注意:静态页面index.html,因为index页面是我们加载main.js,配置全局引用的地方,所以在打包的时候需要把index.html进行保留,这个会在打包时候标注 5. 配置路由 安装引入依赖 npm install vue-router (1) 将app.vue内容删除,补充router-view (2) 注意:<template><router...
Choose a version of Vue.js that you want to start the project with 2.x> 3.x# 这里选择路由是否使用历史模式，这里选择n，需要使用hash模式? Use history mode for router? (Requires proper server setup for index fallback in production) (Y/n) n# 这里选择 默认第一项css预处理器? Pick a CS...
import Antd from "ant-design-vue"; import 'ant-design-vue/dist/antd.css'; const app = createApp(App) app.use(Antd) app.use(createPinia()) app.use(router) app.mount('#app') --- 七、自定义窗口(不使用原生的窗口) 八、项目打包 --- "build...
前段时间有分享一款electron31+vue3桌面端聊天系统。这次带来全新研发的vite5+electron31+element-plus中后台前端解决方案ElectronViteAdmin。 技术栈 编辑器:vscode 框架技术:vite^5.3.4+vue^3.4.31+vue-router^4.4.0 跨端框架:electron^31.3.0 UI组件库:element-plus^2.7.8 ...
先用Vite创建一个Vue3的工程,这就是你的实际项目工程 接着安装几个Electron相关的依赖,最终我的工程下的依赖情况如下: 代码语言:javascript 复制 "@vue/compiler-sfc":"^3.0.0","vite":"^1.0.0-rc.9","vue":"^3.0.2","vue-router":"^4.0.0-rc.1","electron":"^11.0.2","electron-builder":"...