记一次若依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],
        });
      });
    },
}
相关推荐
LYFlied20 小时前
Webpack详细打包流程解析
前端·面试·webpack·node.js·打包·工程化
明朝百晓生20 小时前
强化学习[page14]【chapter7】Temporal-Difference Learning (TD learning)
前端·html
我只会写Bug啊20 小时前
B站/爱奇艺防录屏防截屏原理及Vue3实战实现
前端·软件开发
蜗牛攻城狮20 小时前
前端构建工具详解:Vite 与 Webpack 深度对比与实战指南
前端·webpack·vite·构建工具
IT_陈寒21 小时前
Redis 性能翻倍的 5 个冷门技巧,90%开发者都不知道的底层优化!
前端·人工智能·后端
Umi·21 小时前
shell 条件测试
linux·前端·javascript
第二只羽毛21 小时前
基于Deep Web爬虫的当当网图书信息采集
大数据·开发语言·前端·爬虫·算法
北极象21 小时前
CEF 与 Electron简单对比
前端·javascript·electron
小天博客21 小时前
向后端发起POST请求
开发语言·前端·javascript