vue-router如何跳轉(zhuǎn)時打開新頁面

xialong 發(fā)布于2019-08-26 10:23 / 761人閱讀

摘要：我們常用的是和但是以后，這種方式就不支持新窗口打開的屬性了，這個時候就需要使用如下何時成為大佬

最近還是在痛苦的掙扎中
掙扎吧

記錄一下在vue項目中如何實現(xiàn)跳轉(zhuǎn)到一個新頁面（一個比較簡單又比較基礎(chǔ)的問題了），有兩個方法： 1、標(biāo)簽實現(xiàn)新窗口打開

官方文檔中說 v-link 指令被組件指令替代，且不支持 target="_blank" 屬性，如果需要打開一個新窗口必須要用標(biāo)簽，但事實上vue2版本的是支持 target="_blank" 屬性的(tag="a")，如下：

新頁面打開home頁

2、編程式導(dǎo)航

有些時候需要在單擊事件或者在函數(shù)中實現(xiàn)頁面跳轉(zhuǎn)，那么可以借助router的示例方法，通過編寫代碼實現(xiàn)。我們常用的是 $router.push 和 $router.go 但是vue2.0以后，這種方式就不支持新窗口打開的屬性了，這個時候就需要使用this.$router.resolve,如下：

seeShare(){
     let routeUrl = this.$router.resolve({
          path: "/share",
          query: {id:96}
     });
     window.open(routeUrl.href, "_blank");
}

何時成為大佬

云服務(wù)器 GPU云服務(wù)器 js跳轉(zhuǎn)新窗口打開打開新頁面 jsp如何頁面跳轉(zhuǎn)的頁面跳轉(zhuǎn)

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/106085.html

相關(guān)文章

Vue中的驗證登錄狀態(tài)

摘要：用存儲用戶路由守衛(wèi)路由中設(shè)置的字段就在當(dāng)中每次跳轉(zhuǎn)的路徑登錄狀態(tài)下訪問頁面會跳到如果沒有訪問任何頁面。一個簡單的保存登錄狀態(tài)的小。 Vue項目中實現(xiàn)用戶登錄及token驗證先說一下我的實現(xiàn)步驟：使用easy-mock新建登錄接口，模擬用戶數(shù)據(jù) 使用axios請求登錄接口，匹配賬號和密碼賬號密碼驗證后，拿到token，將token存儲到sessionStorage中，并跳轉(zhuǎn)到首...

draveness 2019-08-26 13:33 評論0 收藏0
一篇搞定vue-Router導(dǎo)航守衛(wèi)

摘要：如果我們不掉用守衛(wèi)中的，迭代器的肯定并不會執(zhí)行，守衛(wèi)的迭代就停止了，守衛(wèi)堵塞并不會執(zhí)行完畢，也就不會由后面的更細路由操作了。 vue-router導(dǎo)航守衛(wèi) 在本期文章中，我將為大家梳理弄明白以下幾個事情， 1:導(dǎo)航守衛(wèi)的執(zhí)行順序是怎么樣的？ 2:導(dǎo)航守衛(wèi)中的next的用處？ 3:為什么afterEach守衛(wèi)沒有next？ 4:beforeEach是否可以疊加？ 5:路由跳轉(zhuǎn)經(jīng)歷了哪幾部...

不知名網(wǎng)友 2019-08-23 12:12 評論0 收藏0
Vue2.0實用筆記

摘要：實例中，可追蹤數(shù)據(jù)發(fā)生變化時，會開啟一個隊列，把變化記錄其中，在下一次事件循環(huán)前，進行去重優(yōu)化，然后重新渲染。最早通過實現(xiàn)了這一需求，通過事件可監(jiān)聽的變化，實現(xiàn)不同頁面的操作。過濾器的使用通過引入中 1、vue中的過渡、動畫效果單組件（）v-enter,v-enter-to,v-enter-active,v-leave,v-leave-to,v-leave-active六種狀態(tài)。(定...

draveness 2019-08-23 16:09 評論0 收藏0
Vue2.0實用筆記

摘要：實例中，可追蹤數(shù)據(jù)發(fā)生變化時，會開啟一個隊列，把變化記錄其中，在下一次事件循環(huán)前，進行去重優(yōu)化，然后重新渲染。最早通過實現(xiàn)了這一需求，通過事件可監(jiān)聽的變化，實現(xiàn)不同頁面的操作。過濾器的使用通過引入中 1、vue中的過渡、動畫效果單組件（）v-enter,v-enter-to,v-enter-active,v-leave,v-leave-to,v-leave-active六種狀態(tài)。(定...

maochunguang 2019-08-02 16:08 評論0 收藏0
Vue2.0實用筆記

摘要：實例中，可追蹤數(shù)據(jù)發(fā)生變化時，會開啟一個隊列，把變化記錄其中，在下一次事件循環(huán)前，進行去重優(yōu)化，然后重新渲染。最早通過實現(xiàn)了這一需求，通過事件可監(jiān)聽的變化，實現(xiàn)不同頁面的操作。過濾器的使用通過引入中 1、vue中的過渡、動畫效果單組件（）v-enter,v-enter-to,v-enter-active,v-leave,v-leave-to,v-leave-active六種狀態(tài)。(定...

JowayYoung 2019-08-30 15:56 評論0 收藏0