记一次若依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],
        });
      });
    },
}
相关推荐
weixin_307779135 小时前
Jenkins Font Awesome API插件:现代化插件界面的图标引擎
开发语言·前端·自动化·jenkins
小小心LOVE5 小时前
Vue3 安装和使用 vue-office来实现 Word、Excel 和 PDF 文件的预览
vue.js·word·excel
June bug5 小时前
【Vue】从0开始使用Vue构建界面
前端·vue.js·前端框架
shuaijie05185 小时前
在Vue.js中实现列表的拖动功能,使用第三方库如vuedraggable(基于Sortable.js)
android·javascript·vue.js
风月歌5 小时前
小程序项目之驾校报名小程序源代码(java+vue+小程序+mysql)
java·vue.js·mysql·小程序·毕业设计·源码
IT_陈寒5 小时前
SpringBoot3.0性能优化:这5个冷门配置让我节省了40%内存占用
前端·人工智能·后端
霍理迪5 小时前
常用块标签和三种列表
前端·html
kesteler5 小时前
v-model的使用
前端·javascript·vue.js
Zhi.C.Yue5 小时前
React 的桶算法详解
前端·算法·react.js
果壳~5 小时前
【前端】【canvas】【pixi.js】水波纹滤镜实现教程 - 支持随机波动与鼠标交互
前端·javascript