vue實現跳轉瀏覽器新的標籤頁

2021-08-24 20:30:16 字數 439 閱讀 2525

一般單頁面應用,vue都是通過vue-router來做跳轉(this.$router.push,this.$router.replace),不會像多頁應用一樣另起新標籤頁面顯示(注:不是開啟新的瀏覽器頁面)。要想實現,可以用以下方式:

let newpage = this.$router.resolve(   

})

window.open(newpage.href, '_blank');

優點:此方式,可以把sessionstorage 中的token一起帶過去。

缺點:在新標籤頁和舊標籤頁,元件之間方法呼叫會失效

只要將vue-router和windwow.open結合就好了。原理很簡單,獲取到需要跳轉的位址,再把位址傳遞給window.open。

window.open會新建視窗開啟路由位址,原頁面的路由不做跳轉。

vue實現跳轉新的標籤頁

一般單頁面應用,例如vue都是通過vue router來做跳轉,不會像多頁應用一樣另起新頁面顯示,但是也不排除一些業務上的需要。一般情況下單頁面應用的路由跳轉我們都是通過簡單的一句話搞定 this.router.push vue router是為單頁面應用設計的,不管是push,replace都是在...

瀏覽器切換標籤頁的方法

方法一 快捷鍵切換標籤頁 我們使用快捷鍵 ctrl 數字 就可以快速切換谷歌瀏覽器的標籤頁了,例如 ctrl 1是切換到第乙個標籤,ctrl 2是切換到第二個標籤,依次類推,但是ctrl 9不是第九個標籤頁,而是最後乙個標籤頁。換一種解釋方法就是,ctrl鍵加上數字鍵1 8對應的是第一到第八個標籤,...

如何實現瀏覽器內多個標籤頁之間的通訊

呼叫 localstorge cookies 等本地儲存方式 方法一 使用localstorage 使用localstorage.setitem key,value 新增內容 使用storage事件監聽新增 修改 刪除的動作 window.addeventlistener storage funct...