欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue 跳轉(zhuǎn)到其他頁面并關(guān)閉當(dāng)前頁面的實(shí)現(xiàn)代碼

 更新時(shí)間:2023年09月27日 15:33:44   作者:小橘子皮__兜兜  
我在做一個(gè)調(diào)用虛擬機(jī)錄屏的一個(gè)操作,需要在瀏覽器頁面上,點(diǎn)擊按鈕后,關(guān)閉當(dāng)前頁面里的某一個(gè)頁面,并且打開瀏覽器新頁面是虛擬機(jī)的頁面,本文給大家介紹vue 跳轉(zhuǎn)到其他頁面并關(guān)閉當(dāng)前頁面的實(shí)現(xiàn)代碼,感興趣的朋友一起看看吧

vue 跳轉(zhuǎn)到其他頁面并關(guān)閉當(dāng)前頁面

使用場(chǎng)景:我在做一個(gè)調(diào)用虛擬機(jī)錄屏的一個(gè)操作,需要在瀏覽器頁面上,點(diǎn)擊按鈕后,關(guān)閉當(dāng)前頁面里的某一個(gè)頁面,并且打開瀏覽器新頁面是虛擬機(jī)的頁面,訪問的是后端返回來的地址

1.通過路由跳轉(zhuǎn),路由關(guān)閉頁面

   this.$store.state.app.tagNavList = this.$store.state.app.tagNavList.filter(
                  (item) => item.name !== 'webProofAdd'  //需要關(guān)閉的頁面的名稱
                )
                let tab = this.$store.state.app.tagNavList[
                this.$store.state.app.tagNavList.length - 1
                ]
                //跳轉(zhuǎn)到目標(biāo)頁面
                this.$router.push({
                  name: tab.name,
                  params: { ...tab.params },
                  query: { ...tab.query },
                })
            //這里我拼了后端返回來的地址和端口
             window.open(`http://${url}:${vmNovncPort}`) //打開新頁面,不會(huì)覆蓋當(dāng)前頁面

注意,我這里是從 this.$store.state.app.tagNavList 一層一層找的,你也可以全局寫一下

2.像這種頁面的關(guān)閉,不是直接關(guān)閉瀏覽器頁面

vue跳轉(zhuǎn)到其它頁面時(shí)同時(shí)關(guān)閉當(dāng)前頁面

                this.$router.push({
                  path: '/outlet-inits-initSheetYJ',
                })
				//vue跳轉(zhuǎn)到其它頁面時(shí)同時(shí)關(guān)閉當(dāng)前頁面
                this.$store.state.contentTabs = this.$store.state.contentTabs.filter(
                  (item) => item.name !== 'outlet-daySheets-daySheetYJ'  //需要關(guān)閉的頁面的名稱
                )
                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()此方法相當(dāng)于onshow方法,每次進(jìn)入頁面都會(huì)執(zhí)行
  activated() {
    this.searchBtn()
  },

到此這篇關(guān)于vue 跳轉(zhuǎn)到其他頁面并關(guān)閉當(dāng)前頁面的文章就介紹到這了,更多相關(guān)vue跳轉(zhuǎn)關(guān)閉當(dāng)前頁面內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • Vue中禁止編輯的常見方法(以禁止編輯輸入框?yàn)槔?

    Vue中禁止編輯的常見方法(以禁止編輯輸入框?yàn)槔?

    在我們開發(fā)項(xiàng)目的時(shí)候,有時(shí)候我們不希望用戶對(duì)我們的頁面進(jìn)行操作,尤其是輸入框之類的,這篇文章主要給大家介紹了Vue中禁止編輯的常見方法,文中介紹的方法主要以禁止編輯輸入框?yàn)槔?需要的朋友可以參考下
    2024-02-02
  • vue實(shí)現(xiàn)簡(jiǎn)單跑馬燈效果

    vue實(shí)現(xiàn)簡(jiǎn)單跑馬燈效果

    這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)簡(jiǎn)單跑馬燈效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2020-05-05
  • Vue3 appear 失效的問題及如何使用 appear

    Vue3 appear 失效的問題及如何使用 appear

    appear 是一個(gè)在元素默認(rèn)被顯示的情況下 調(diào)用進(jìn)入動(dòng)畫效果,使得元素在這種初次渲染情況下 執(zhí)行進(jìn)入動(dòng)畫的屬性,最近在學(xué)習(xí)vue3的動(dòng)畫時(shí)遇到appear無法生效的問題,本文給大家詳細(xì)講解,感興趣的朋友一起看看吧
    2023-10-10
  • vue filter 完美時(shí)間日期格式的代碼

    vue filter 完美時(shí)間日期格式的代碼

    這篇文章主要介紹了vue filter 完美時(shí)間日期格式的方法,文中給大家提到了vue filter方法-時(shí)間格式化 的代碼,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友參考下吧
    2019-08-08
  • vue前端實(shí)現(xiàn)dhtmlxgantt甘特圖代碼示例(個(gè)人需求)

    vue前端實(shí)現(xiàn)dhtmlxgantt甘特圖代碼示例(個(gè)人需求)

    這篇文章主要介紹了如何使用dhtmlx-gantt和chinese-days插件在項(xiàng)目中實(shí)現(xiàn)節(jié)假日置灰顯示的功能,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2025-03-03
  • 詳解vue中屬性執(zhí)行順序

    詳解vue中屬性執(zhí)行順序

    這篇文章主要介紹了vue中屬性執(zhí)行順序,選項(xiàng)的執(zhí)行順序是 props -> data -> computed -> watch -> created -> mounted -> methods,具體詳細(xì)內(nèi)容本文給大家講解的非常詳細(xì),需要的朋友可以參考下
    2023-09-09
  • vue-loader和webpack項(xiàng)目配置及npm錯(cuò)誤問題的解決

    vue-loader和webpack項(xiàng)目配置及npm錯(cuò)誤問題的解決

    這篇文章主要介紹了vue-loader和webpack項(xiàng)目配置及npm錯(cuò)誤問題的解決方案,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2022-07-07
  • vue?electron實(shí)現(xiàn)無邊框窗口示例詳解

    vue?electron實(shí)現(xiàn)無邊框窗口示例詳解

    這篇文章主要為大家介紹了vue?electron實(shí)現(xiàn)無邊框窗口示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-09-09
  • vue實(shí)現(xiàn)播放后端flask發(fā)送的mp3文件

    vue實(shí)現(xiàn)播放后端flask發(fā)送的mp3文件

    這篇文章主要為大家詳細(xì)介紹了vue如何實(shí)現(xiàn)播放后端flask發(fā)送的mp3文件,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下
    2024-01-01
  • axios如何取消重復(fù)無用的請(qǐng)求詳解

    axios如何取消重復(fù)無用的請(qǐng)求詳解

    這篇文章主要給大家介紹了關(guān)于axios如何取消重復(fù)無用的請(qǐng)求的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用axios具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-12-12

最新評(píng)論