记一次若依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],
        });
      });
    },
}
相关推荐
dasseinzumtode7 小时前
nestJS 使用ExcelJS 实现数据的excel导出功能
前端·后端·node.js
子兮曰7 小时前
🔥C盘告急!WSL磁盘暴增?三招秒清20GB+空间
前端·windows·docker
Jinuss7 小时前
Vue3源码reactivity响应式篇之EffectScope
前端·vue3
stoneship7 小时前
网页截图API-Npm工具包分享
前端
Jedi Hongbin7 小时前
Three.js shader内置矩阵注入
前端·javascript·three.js
etcix7 小时前
dmenux.c: integrate dmenu project as one file
c语言·前端·算法
光影少年7 小时前
react16到react19更新及底层实现是什么以及区别
前端·react.js·前端框架
超人不会飛7 小时前
vue3 markdown组件|大模型应用专用
前端·vue.js·人工智能
じòぴé南冸じょうげん7 小时前
微信小程序如何进行分包处理?
前端·小程序
Jolyne_7 小时前
Table自定义单元格渲染分享
前端