当前位置: 首页 > article >正文

跳转页面(持续更新...)

1 history.pushState 

<button @click="navTo('/kunln-mcm-web/system/updatePersonalInformation')">个人信息设置</button>


navTo(path) {
      history.pushState(null, path, path);
    },

window.open方式相比,使用history.pushState有以下优势:

  1. 用户体验更好:不刷新页面,仅更新URL,使页面过渡更平滑。
  2. 资源消耗更低:不会打开新的浏览器窗口或标签页,减少资源开销。
  3. 历史记录管理:更好地支持浏览器前进/后退功能,用户体验更一致。

相比之下,window.open会打开新窗口或标签页,可能导致资源浪费且不适合单页应用的场

景。

2 this.$router.push()

this.$router.push('/login');

 


http://www.kler.cn/news/317871.html

相关文章:

  • 软件架构设计原则
  • mysql如何替换数据库所有表中某些字段含有的特定值
  • 虚拟机centos_7 配置教程(镜像源、配置centos、静态ip地址、Finalshell远程操控使用)
  • 目标检测基本知识
  • 线性dp 总结详解
  • Vue3:$refs和$parent实现组件通信
  • 【树莓派】python3程序获取CPU和GPU温度
  • 无人机之战斗机的详解!
  • 单片机学到什么程度才可以去工作?
  • WebGL纹理与材质
  • 【C++二叉树】236.二叉树的最近公共祖先
  • 使用three.js+vue3完成无人机上下运动
  • 汽车售后诊断ECU参数分析
  • 寄宿制学校自闭症教育:为每个孩子创造奇迹
  • spring boot项目对接人大金仓
  • 线性代数学习笔记~
  • 初识JavaScript
  • 【图像压缩与重构】基于BP神经网络
  • 新版torch_geometric不存在uniform、maybe_num_nodes函数问题(Prune4ED论文报错解决)
  • python request库的使用
  • 深度学习领域相关的专业术语(附带音标解释)
  • EtherCAT转Profient协议网关简述
  • MySQL函数及存储过程
  • 视频制作软件哪个好?前十名推荐!
  • 云手机的便捷性和安全性体现在哪?
  • redisson 延迟队列实现任务过期监听
  • Hbase操作手册
  • git笔记之重置本地仓库所有分支和远程保持一致、工作区恢复干净,像刚clone下来一样
  • 阅读记录:Gradient Episodic Memory for Continual Learning
  • 十三 系统架构设计(考点篇)