记录：基于前后端分离系统实现点击按钮，关闭当前页面及动态导航标签

最新推荐文章于 2025-05-07 11:25:39 发布

原创最新推荐文章于 2025-05-07 11:25:39 发布 · 1.1k 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#前端

案例专栏收录该内容

6 篇文章

订阅专栏

该博客介绍了在Vue应用中如何实现点击按钮关闭当前页面，并同时管理动态导航标签。通过$modal确认对话框确保用户意图，然后利用$store和$router进行视图删除及页面跳转。参考了RuoYi-Vue的官方文档和掘金上的相关文章。

记录：点击按钮，关闭当前页面及动态导航标签

       // 返回
      goBack(){
        // this.$router.go(-1)
        //  this.$router.push({path: '/merchant/index'});
        this.$modal.confirm("确认是否关闭当前页面")
        .then(() => {
          this.$store.dispatch("tagsView/delView", this.$route);
          this.$router.replace({ path: "/merchant/index" }); // 关闭之后要返回的页面
        })
      }

参考文档：http://doc.ruoyi.vip/ruoyi-vue/document/qdsc.html#modal%E5%AF%B9%E8%B1%A1

掘金：https://juejin.cn/post/7033226567098581029