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

两个方法都可以。

相关推荐
吠品4 小时前
处理 Python 类继承中那些变来变去的初始化参数
linux·前端·python
云水一下4 小时前
TypeScript 从零基础到精通(七):从配置到全栈项目落地
前端·javascript·typescript
向日的葵0064 小时前
Vue 路由传参的三种方式(三)
vue.js·路由
秋天的一阵风4 小时前
✨ 代码秒跳转、自动补全?全靠 LSP 和 AST!
前端·后端·ai编程
如果超人不会飞4 小时前
TinyVue Checkbox复选框组件使用指南
前端·vue.js
程序员小淞4 小时前
写一个行政区划下拉选组件(异步+搜索)
前端
星栈4 小时前
用 Rust + Makepad 做一个 JSON 查看器:从零到能用的全过程
前端·rust
yijianace4 小时前
Python爬虫实战:分页爬取 + 详情页采集 + CSV存储
前端·爬虫·python
十九画生4 小时前
从同步到异步:重新理解 JavaScript 的执行机制
javascript
想吃火锅10054 小时前
【前端手撕】防抖节流
前端