Vue Element如何关闭当前标签页并返回上一路由?

2026-04-03 00:101阅读0评论SEO问题
  • 内容介绍
  • 文章标签
  • 相关推荐

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

Vue Element如何关闭当前标签页并返回上一路由?

方法一:调用 `this.$store.dispatch('delVisitedViews', this.$route)` 删除访问记录,并后退一步。

方法二:直接修改 `visitedViews` 数组,移除当前路由记录。

Vue Element如何关闭当前标签页并返回上一路由?

方法一

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 跳转到上一路由操作就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持易盾网络。

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

Vue Element如何关闭当前标签页并返回上一路由?

方法一:调用 `this.$store.dispatch('delVisitedViews', this.$route)` 删除访问记录,并后退一步。

方法二:直接修改 `visitedViews` 数组,移除当前路由记录。

Vue Element如何关闭当前标签页并返回上一路由?

方法一

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 跳转到上一路由操作就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持易盾网络。