如何使用Vue Element实现关闭当前tab页并跳转至上一个路由？

本文共计274个文字，预计阅读时间需要2分钟。

方法一：使用this.$store.dispatch('delVisitedViews', this.$route); followed by this.$router.go(-1);

方法二：通过this.$store.state.tagsView.visitedViews.splice方法移除当前路由。

方法一

this.$store.dispatch('delVisitedViews', this.$route);

this.$router.go(-1);

方法二

this.$store.state.tagsView.visitedViews.splice(this.$store.state.tagsView.visitedViews.findIndex(item => item.path === this.$route.path), 1)

this.$router.push(this.$store.state.tagsView.visitedViews[this.$store.state.tagsView.visitedViews.length-1].path)

补充知识：vue+element解决点击table列表的从详情或修改页面跳转路由到列表页总是跳转到第一页，而不能跳转到当前页的问题

思路：

将当前页的页码currentPage存入session，然后点击详情跳转到详情页面，然后，再次返回当前页的时候，在created生命周期里，获取到存储的currentPage，再进行加载

以上这篇vue element 关闭当前tab 跳转到上一路由操作就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持易盾网络。