记一次若依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],
        });
      });
    },
}
相关推荐
韩曙亮4 小时前
【Web APIs】JavaScript 执行机制 ( 单线程特点 | 同步任务与异步任务 | 同步先行、异步排队 | 事件循环机制 )
开发语言·前端·javascript·异步任务·同步任务·web apis·js 引擎
linhuai4 小时前
Flutter如何实现头部固定
前端
单调7774 小时前
npm你还了解多少
前端
码途进化论4 小时前
基于 Vue 2 + VXE Table 的超大规模表格渲染架构设计与性能优化方案
前端
漫天星梦4 小时前
iOS 手机无法播放视频问题排查与解决方案记录
前端·ios
好好好明天会更好4 小时前
uniapp项目中视频播放控制对象
前端·vue.js
萌狼蓝天4 小时前
[Vue2]项目中 vue-draggable-resizable 列宽拖动问题修复(首次拖动列宽突然变得很小)
前端·javascript·vue.js·前端框架·ecmascript
带带弟弟学爬虫__4 小时前
ks安卓—did注册
前端·javascript·vue.js·python·网络爬虫
维维酱4 小时前
使用 TRAE SOLO: 搭建前端项目脚手架
前端