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

两个方法都可以。

相关推荐
栉甜1 分钟前
APIs学习
前端·javascript·css·学习·html
运营小白3 分钟前
2026 年 Shopify 关键词映射指南:从混乱到有序的实战经验
前端·一人公司·seonib·自动化内容·搜索流量
Dxy123931021610 分钟前
HTML的Iframe详解
前端·html
dsyyyyy110110 分钟前
CSS定位布局和网格布局
前端·css
码码哈哈0.023 分钟前
macos26 Liquid class 示例代码
前端
zithern_juejin32 分钟前
ES6——Symbol
javascript
hhemin37 分钟前
web前端给项目加入skills目录,Ai自动查找技能(后端也能参考)
前端
代码煮茶42 分钟前
Vue3 组件库二次封装实战 | 基于 Element Plus 封装企业级 UI 组件库
前端·javascript·vue.js
KaMeidebaby43 分钟前
卡梅德生物技术快报|单克隆抗体人源化 PEG 修饰质控方法体系构建与验证
服务器·前端·数据库·人工智能·算法·百度·新浪微博