首页 > 其他分享 >Electron+vue3+vue Router中打开新窗口时候,新窗口的渲染内容无法按照原来的URL渲染的问题

Electron+vue3+vue Router中打开新窗口时候,新窗口的渲染内容无法按照原来的URL渲染的问题

时间:2024-10-23 23:22:50浏览次数:1  
标签:vue 渲染 URL Electron 新窗口 vue3 打开

如果在router中设置了histroyhistory: createMemoryHistory(),

那么在electron中打开新窗口时候,即使指定了login页面,

他也会与打开主窗口的重定向路由页面一样

我就是看文档时候用了官方的例子
解决方法:使用 history: createWebHistory(import.meta.env.BASE_URL),


重点:createMemoryHistory 不会直接与浏览器的地址栏交互,而是将路由状态存储在内存中。

标签:vue,渲染,URL,Electron,新窗口,vue3,打开
From: https://www.cnblogs.com/YunMengQY/p/18498572

相关文章

  • vue3.0生命周期
    最近要面试,复习一下生命周期的知识点:beforeCreate在组件实例初始化完成之后立即调用created在组件实例处理完所有与状态相关的选项后调用。当这个钩子被调用时,以下内容已经设置完成:响应式数据、计算属性、方法和侦听器。然而,此时挂载阶段还未开始,因此 $el 属性仍不可用。b......
  • springboot+vue展位设计模型库网站的java开发与设计
    目录系统实现截图详细技术介绍本课题软硬件环境核心代码部分展示其他springboot项目推荐详细视频演示源码获取系统实现截图详细技术介绍系统采用了基于SpringBoot、Vue和MySQL的三层结构体系。前端部分通过Vue框架构建用户界面,实现页面展示和交互功能,后端则利......
  • JAVA开源项目 基于Vue和SpringBoot购物商城网站
    本文项目编号T032,文末自助获取源码\color{red}{T032,文末自助获取源码}......
  • JAVA开源项目 基于Vue和SpringBoot高校心理教育辅导系统
    本文项目编号T031,文末自助获取源码\color{red}{T031,文末自助获取源码}......
  • 毕业设计-基于SpringBoot与Vue实现的智能停车场系统
    项目简介基于SpringBoot+Vue的智能停车场项目系统内置多项核心功能,包括系统管理、账号管理、系统监控、财务管理、停车记录、车辆管理、车牌识别和停车场管理。系统管理涵盖角色、接口、菜单和全局配置,账号管理包括用户和合作单位管理。系统监控提供监控大屏和日志监控功......
  • 毕业设计-基于springboot+vue实现的在线文档管理系统源码+论文
    项目简介这个在线文档管理系统基于MySQL数据库,并采用了SpringBoot框架进行开发。在设计过程中,我们特别注重了系统代码的可读性、实用性、易扩展性、通用性、维护便捷性以及页面简洁性等特点。当前,许多人仍然依赖传统的纸质工具来进行信息管理,而网络技术仅仅被视为辅助手段。......
  • HarmonyOS:ArkUI最佳实践(1)ForEach循环渲染
    ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★➤微信公众号:山青咏芝(MaoistLearning)➤博客园地址:为敢技术(https://www.cnblogs.com/strengthen/ )➤GitHub地址:https://github.com/strengthen➤原文地址:https://www.cnblogs.com/strengthen/p/......
  • vue3+java基于Spring Boot的爱老助老服务平台源码 lw 部署
    目录功能介绍具体实现截图技术介绍开发核心技术介绍:技术创新点vue3和vue2的区别:核心代码部分展示非功能需求分析系统开发流程软件测试源码获取功能介绍爱老助老服务平台的目的是让使用者可以更方便的将人、设备和场景更立体的连接在一起。能让用户以更科幻的方式使......
  • Vue学习笔记(一)
    模板语法Vue使用一种基于HTML的模板语法,使我们能够声明式地将其组件实例的数据绑定到呈现的DOM上。所有的Vue模板都是语法层面合法的HTML,可以被符合规范的浏览器和HTML解析器解析。文本差值最基本的数据绑定形式是文本插值,它使用的是“Mustache”语法(即双大括号):<scrip......
  • Vue项目的创建
    安装Vue工具VueCLIVueCLIVue.js开发的标准工具,VueCLI是一个基于Vue.js进行快速开发的完整系统npminstall-g@vue/cli安装之后,你就可以在命令行中访问vue命令。你可以通过简单运行vue,看看是否展示出了一份所有可用命令的帮助信息,来验证它是否安装成功。v......