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 });
}

两个方法都可以。

相关推荐
IT_陈寒4 分钟前
JavaScript性能优化完全指南
前端·人工智能·后端
上海云盾-小余6 分钟前
游戏账号盗刷、数据篡改防护全攻略:前端加密 + 后端 WAF 双重加固
前端·游戏
Cobyte13 分钟前
7.响应式系统比对:手写一个响应式状态库并应用在 React 上
前端·javascript·vue.js
渔舟小调13 分钟前
P18 | Element Plus 通用 CRUD 页面模板:一个模板覆盖 80% 管理页面
javascript·vue.js·elementui
深海鱼在掘金14 分钟前
2026年前端开发工程师转型AI Agent开发工程师全指南
前端·人工智能
Beginner x_u17 分钟前
前端八股整理|浏览器|高频小题 01
前端
恋猫de小郭21 分钟前
Copilot 下架 opus ,Qwen 开始按量计费,GLM 限制非代码使用,Token都在涨价,人还比 Token 便宜吗?
前端·人工智能·ai编程
invicinble23 分钟前
总结前端架子--vuecli(前端脚手架)
前端
幽络源小助理30 分钟前
二维码生成与解析工具HTML源码_纯前端响应式二维码制作_幽络源源码
前端·html
1314lay_100734 分钟前
匿名插槽和具名插槽的使用
前端·javascript·vue.js