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་ct几秒前
React Render 与 Commit 阶段详解
前端·react.js·面试·前端框架·react·commit·render
英俊潇洒美少年2 分钟前
React Hook 钩子 useInsertionEffect、useLayoutEffect、useEffect的区别
前端·javascript·react.js
坚持学习前端日记4 分钟前
Agent AI 后端接口对接与大模型适配指南
前端·人工智能·python·ios
坚持学习前端日记7 分钟前
Agent AI 多模态交互与全场景架构设计
前端·javascript·人工智能·visual studio
王家视频教程图书馆9 分钟前
vue3移动端组件库清单
前端
毕设源码-郭学长10 分钟前
【开题答辩全过程】以 基于web的车辆检测管理系统的设计与实现为例,包含答辩的问题和答案
前端
向上的车轮16 分钟前
TypeScript 一日速通指南:以订单管理系统实战为核心
前端·javascript·typescript
yqzyy19 分钟前
Nginx 配置:alias 和 root 的区别
前端·javascript·nginx
冰糖雪梨dd24 分钟前
【JavaScript】 substring()方法详解
开发语言·前端·javascript
John Song30 分钟前
npm查看全局安装了哪些命令
前端·npm·node.js