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

两个方法都可以。

相关推荐
葡萄城技术团队2 小时前
智慧表格(SpreadJS + AI):拥抱 Web 端对话式办公新时代
前端·人工智能
OpenTiny社区2 小时前
电商系统集成GenUI SDK实操指南
前端·开源·ai编程
A_nanda2 小时前
vue实现后端传输逐帧图像数据
前端·javascript·vue.js
YGY顾n凡2 小时前
我开源了一个项目:一句话创造一个AI世界!
前端·后端·aigc
qq_12084093712 小时前
Three.js 工程向:动画循环与时间步进稳定性实践
前端·javascript
旷世奇才李先生3 小时前
React18\+TypeScript实战: Hooks封装与企业级组件开发
前端·javascript·typescript
午安~婉3 小时前
Electron(续4)利用AI辅助完成配置功能
前端·javascript·electron·应用打包与发布
tERS ERTS3 小时前
头歌答案--爬虫实战
java·前端·爬虫
当时只道寻常3 小时前
Vue3 集成 NProgress 进度条:从入门到精通
前端·vue.js