快捷導(dǎo)航

Vue 關(guān)閉當(dāng)前頁、關(guān)閉當(dāng)前標(biāo)簽tagsView的實現(xiàn)方法

更新時間：2022年08月09日 11:47:38 作者：菜鳥學(xué)編程

這篇文章主要介紹了Vue 關(guān)閉當(dāng)前頁、關(guān)閉當(dāng)前標(biāo)簽tagsView,主要有兩種方式，一種是在vue頁面直接實現(xiàn)，另一種在js文件中寫自定義函數(shù)，在vue頁面中調(diào)用，本文通過實例代碼介紹的非常詳細(xì)，需要的朋友可以參考下

由于項目使用tagsView,關(guān)閉當(dāng)前頁面需要通過關(guān)閉當(dāng)前標(biāo)簽來實現(xiàn)

涉及到幾個點：

1. 移除 VisitedView 和 CachedView 中的當(dāng)前項

2. 跳轉(zhuǎn)到最后一次訪問的標(biāo)簽

主要思路：比對路由路徑 ( this.$route.path)

兩種方式：

一、在vue頁面直接實現(xiàn)

closePage()
      var currentView = this.$store.state.tagsView.visitedViews[0]
      for (currentView of this.$store.state.tagsView.visitedViews) {
        if (currentView.path === this.$route.path) {
          break
        }
      }
      this.$store.dispatch('tagsView/delView', currentView)
        .then(({ visitedViews }) => {
          if (currentView.path === this.$route.path) {
            const latestView = this.$store.state.tagsView.visitedViews.slice(-1)[0]
            if (latestView) {
              this.$router.push(latestView)
            } else {
              // 如果沒有其他標(biāo)簽則跳轉(zhuǎn)到首頁
              if (currentView.name === '首頁') {
                this.$router.replace({ path: '/redirect' + currentView.fullPath })
              } else {
                this.$router.push('/')
              }
            }
          }
        })

二、在js文件中寫自定義函數(shù)，在vue頁面中調(diào)用

import router from '@/router/routers'
 
// 關(guān)閉當(dāng)前頁 關(guān)聯(lián)tagView
export function closePage(store, route) {
  var currentView = store.state.tagsView.visitedViews[0]
  for (currentView of store.state.tagsView.visitedViews) {
    if (currentView.path === route.path) {
      break
    }
  }
  store.dispatch('tagsView/delView', currentView)
    .then(({ visitedViews }) => {
      if (currentView.path === route.path) {
        const latestView = store.state.tagsView.visitedViews.slice(-1)[0]
        if (latestView) {
          router.push(latestView)
        } else {
          if (currentView.name === '首頁') {
            router.replace({ path: '/redirect' + currentView.fullPath })
          } else {
            router.push('/')
          }
        }
      }
    })
}

到此這篇關(guān)于Vue 關(guān)閉當(dāng)前頁、關(guān)閉當(dāng)前標(biāo)簽tagsView的文章就介紹到這了,更多相關(guān)Vue 關(guān)閉當(dāng)前頁內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: