记一次若依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],
        });
      });
    },
}
相关推荐
Liamhuo3 小时前
2.1.7 network-浏览器-前端浏览器数据存储
前端·浏览器
洋葱头_3 小时前
vue3项目不支持低版本的android,如何做兼容
前端·vue.js
前端小书生3 小时前
React 组件渲染
前端·react.js
奔跑的蜗牛ing3 小时前
Vue3 + Element Plus 输入框省略号插件:零侵入式全局解决方案
vue.js·typescript·前端工程化
sjd_积跬步至千里3 小时前
CSS实现文字横向无限滚动效果
前端
维他AD钙3 小时前
前端基础避坑:3 个实用知识点的简单用法
前端
journs3 小时前
micro-app微前端styled-components CSSOM模式 应用切换样式丢失问题
前端
呼啦啦小魔仙3 小时前
elpis项目DSL设计分享
前端
李李记3 小时前
别让 “断字” 毁了 Canvas 界面!splitByGrapheme 轻松搞定非拉丁文本换行
前端·canvas
来金德瑞3 小时前
快速掌握 ProseMirror 的核心概念
前端