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

两个方法都可以。

相关推荐
前端那点事12 小时前
Vue组件通信全场景详解(Vue2+Vue3适配)| 实战必备,新手也能看懂
vue.js
懂懂tty12 小时前
React中BeginWork和CompleteWork解析
前端·react.js
_下雨天.12 小时前
HAProxy搭建Web群集
前端
梦想CAD控件12 小时前
在线CAD开发包图纸转换功能使用指南
前端·javascript·vue.js
费曼学习法13 小时前
虚拟 DOM 的 Diff 算法:Vue/React 如何实现高效更新
javascript·vue.js
亚空间仓鼠13 小时前
Ansible之Playbook(三):变量应用
java·前端·ansible
invicinble13 小时前
前端技术栈整理
前端
码路飞13 小时前
昨天还在发 Qwen3.5,今天技术负责人就被阿里云赶走了
java·javascript
前端那点事13 小时前
前端必看!console 调试不只有 log,这 8 个技巧省一半调试时间
vue.js
倾颜13 小时前
pnpm monorepo 下,如何把 Next.js 应用里的稳定内核拆成内部 workspace 包
前端·react.js·next.js