RuoYi-Vue 全新 Pro 版本:清除url地址栏路由参数

问题:当前页面保存数据后,要清空当前地址栏的参数。

页面A开始跳转到B

复制代码
//页面A跳转
  this.$router.push({
        path: "你的path",
        query: {
          id: id,
        },
      });

页面B开始接收数据

复制代码
//页面B,在你需要的地方进行接收
this.$route.query.id
当点击保存后,开始清空url
复制代码
//简写
  this.$router.replace({ query: {} });

const query = { ...this.$route.query };

if (query.id) {
      delete query.id;
   //$router.replace() 方法更新路由,但不改变浏览历史
      this.$router.replace({ query });
}

两个方法都可以。

相关推荐
wuk9983 小时前
实现ROS系统的Websocket传输,向Web应用推送sensor_msgs::Image数据
前端·websocket·网络协议
合作小小程序员小小店5 小时前
web网页开发,在线%考试管理%系统,基于Idea,vscode,html,css,vue,java,maven,springboot,mysql
java·前端·系统架构·vue·intellij-idea·springboot
天天进步20156 小时前
CSS Grid与Flexbox:2025年响应式布局终极指南
前端·css
Boop_wu6 小时前
[Java EE] 计算机基础
java·服务器·前端
Novlan17 小时前
TDesign UniApp 组件库来了
前端
用户47949283569157 小时前
React DevTools 组件名乱码?揭秘从开发到生产的代码变形记
前端·react.js
顾安r8 小时前
11.8 脚本网页 打砖块max
服务器·前端·html·css3
倚栏听风雨8 小时前
typescript 方法前面加* 是什么意思
前端
狮子不白8 小时前
C#WEB 防重复提交控制
开发语言·前端·程序人生·c#