记一次若依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],
        });
      });
    },
}
相关推荐
问心无愧05133 小时前
ctf show web入门160 161
前端·笔记
李小白663 小时前
第四天-WEB服务器基本原理,IIS服务
运维·服务器·前端
humcomm4 小时前
AI编程时代新前端职位
前端·ai编程
好家伙VCC4 小时前
Web Components主题热切换方案揭秘
java·前端
甲维斯4 小时前
Kimi版超级玛丽效果“惊人”,配额不足5厘米!
前端·人工智能
hboot5 小时前
AI工程师第一课 - Python
前端·后端·python
凉菜凉凉5 小时前
AI时代,被抛弃的前端
前端·ai
console.log('npc')5 小时前
AI前端工程与生成式UI学习路线
前端·人工智能·ui
梦曦i5 小时前
uni-router v1.1.1发布:守卫超时保护+路由监听
前端·uni-app
qq_2518364576 小时前
基于java Web网络订餐系统设计与实现 源码文档
java·开发语言·前端