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

两个方法都可以。

相关推荐
传人once9 小时前
页面中心圆圈放大效果如何写
开发语言·javascript·ecmascript
用户033307413959 小时前
TypeScript using 与 AsyncDisposableStack:在真实服务端代码中协调多资源清理
前端
web3d5209 小时前
Vue3 地图白屏排查清单:容器、弹窗与 ol-viewport 重复创建
vue.js·gis
daisychey9 小时前
用 Playwright 做多平台内容分发,我踩过的 8 个坑
前端
IT_陈寒10 小时前
为什么你应该学习JavaScript?
前端·人工智能·后端
大龄秃头程序员10 小时前
iOS冷启动监控Demo
前端
光影少年10 小时前
为什么 JavaScript 中 0.1 + 0.2 !== 0.3,如何让其相等?
前端·javascript·算法
掘金酱11 小时前
[稀土掘金 × 火山引擎] AI用量周榜冲刺赛|获奖名单公示
前端·人工智能·后端
泡泡oO11 小时前
“如果你还在用Superpowers,那我不要和你说话”
前端·后端·全栈
维克兜率天11 小时前
趋势过滤:避免被“假突破“反复打脸
前端