记一次若依ruoyi-ui(Vue2) 关闭tab页并打开新页面

网上教程很多,但是都是给前端代码段,都不知道怎么使用(本人菜鸟一个),今天记一次完整的:

在你需要关闭的tab页面,加入以下代码:

  • handleCommit()是我需要关闭页面的方法,且打开指定的新路由
  • delView方法固定写就可以了
javascript 复制代码
//开发页面js代码
methods: { 
    handleCommit() {
        //关闭tab
        this.$store.dispatch("tagsView/delView", this.$route);
        //跳转到指定路由
        this.$router.replace({ path: "/product/entrystock" });
        //返回上一级就用这个
        // this.$router.go(-1);
    },
    //vuex关闭tab
    delView({ dispatch, state }, view) {
      return new Promise((resolve) => {
        dispatch("delVisitedView", view);
        dispatch("delCachedView", view);
        resolve({
          visitedViews: [...state.visitedViews],
          cachedViews: [...state.cachedViews],
        });
      });
    },
}
相关推荐
samroom20 分钟前
什么是MVVM以及HTML小案例
前端·html
mwq3012325 分钟前
《前端项目技术文档生成器》Prompt(可复用模板)
前端·llm·visual studio code
行云流水62641 分钟前
uniapp h5图片长按隐藏默认菜单弹出
前端·javascript·uni-app
~无忧花开~1 小时前
JavaScript实现PDF本地预览技巧
开发语言·前端·javascript
一 乐2 小时前
宠物管理|宠物共享|基于Java+vue的宠物共享管理系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·springboot·宠物
小时前端2 小时前
“能说说事件循环吗?”—— 我从候选人回答中看到的浏览器与Node.js核心差异
前端·面试·浏览器
IT_陈寒2 小时前
Vite 5.0实战:10个你可能不知道的性能优化技巧与插件生态深度解析
前端·人工智能·后端
SAP庖丁解码2 小时前
【SAP Web Dispatcher负载均衡】
运维·前端·负载均衡
weixin79893765432...2 小时前
Electron + Vue 3 + Vite 实践
vue.js·electron·vite
天蓝色的鱼鱼2 小时前
Ant Design 6.0 正式发布:前端开发者的福音与革新
前端·react.js·ant design