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

两个方法都可以。

相关推荐
We་ct3 分钟前
LeetCode 191. 位1的个数:两种解法详解
前端·算法·leetcode·typescript
网络点点滴6 分钟前
Vue3完结- 核心知识总结
vue.js
努力的lpp6 分钟前
【小迪安全第14天:前端JS架构信息打点与API接口枚举】
前端·javascript·安全
FreeBuf_19 分钟前
谷歌将Axios npm供应链攻击归因于朝鲜APT组织UNC1069
前端·npm·node.js
前端 贾公子22 分钟前
解决uni-app 输入框,键盘弹起时页面整体上移问题
前端·vue.js·uni-app
南风知我意95728 分钟前
Map 与 WeakMap 深度解析:从内存泄漏到 Vue 3 响应式原理的完整指南
前端·javascript·vue.js
github_czy29 分钟前
Vue 3 组件生命周期
前端·javascript·vue.js
越甲八千30 分钟前
Vue3启动流程和文件结构
前端·javascript·vue.js
独自破碎E34 分钟前
Spring Boot + Vue 前后端联调踩坑记录
vue.js·spring boot·后端