当前位置: 首页 > 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/a/317871.html

相关文章:

  • HAproxy 详解
  • 【专题】计算机网络之网络层
  • 使用pdfjs加载多页pdf并实现打印
  • 图像处理实验二(Image Understanding and Basic Processing)
  • 第8章 利用CSS制作导航菜单
  • LLM之模型评估:情感评估/EQ评估/幻觉评估等
  • 软件架构设计原则
  • 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库的使用