vue跳转到其它页面时同时关闭当前页面

最新推荐文章于 2025-04-14 14:35:56 发布

huxihua2006

最新推荐文章于 2025-04-14 14:35:56 发布

阅读量3.6k

点赞数

文章标签： vue.js 前端 javascript

本文链接：https://blog.youkuaiyun.com/huxihua2006/article/details/128832870

版权

该文章描述了在Vue应用中如何使用$router.push进行页面跳转，并在跳转同时关闭指定的当前页面。此外，它涉及到$store状态管理，特别是内容标签(contentTabs)的管理，以及组件的activated生命周期钩子，用于每次进入页面时执行特定操作，如搜索功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

                this.$router.push({
                  path: '/outlet-inits-initSheetYJ',
                })
				//vue跳转到其它页面时同时关闭当前页面
                this.$store.state.contentTabs = this.$store.state.contentTabs.filter(
                  (item) => item.name !== 'outlet-daySheets-daySheetYJ'  //需要关闭的页面的名称
                )
                let tab = this.$store.state.contentTabs[
                  this.$store.state.contentTabs.length - 1
                ]
                this.$router.push({
                  name: tab.name,
                  params: { ...tab.params },
                  query: { ...tab.query },
                })
                
          

//initSheetYJ.Vue页面
activated()此方法相当于onshow方法，每次进入页面都会执行
  activated() {
    this.searchBtn()
  },