記錄一下在vue項(xiàng)目中如何實(shí)現(xiàn)跳轉(zhuǎn)到一個新頁面（一個比較簡單又比較基礎(chǔ)的問題了），有兩個方法：

公司專注于為企業(yè)提供網(wǎng)站設(shè)計(jì)制作、成都做網(wǎng)站、微信公眾號開發(fā)、商城網(wǎng)站制作，微信小程序，軟件按需開發(fā)等一站式互聯(lián)網(wǎng)企業(yè)服務(wù)。憑借多年豐富的經(jīng)驗(yàn)，我們會仔細(xì)了解各客戶的需求而做出多方面的分析、設(shè)計(jì)、整合，為客戶設(shè)計(jì)出具風(fēng)格及創(chuàng)意性的商業(yè)解決方案，成都創(chuàng)新互聯(lián)公司更提供一系列網(wǎng)站制作和網(wǎng)站推廣的服務(wù)。

1、標(biāo)簽實(shí)現(xiàn)新窗口打開

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

新頁面打開home頁

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

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

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

總結(jié)

以上所述是小編給大家介紹的vue router 跳轉(zhuǎn)時(shí)打開新頁面的示例方法,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時(shí)回復(fù)大家的。在此也非常感謝大家對創(chuàng)新互聯(lián)網(wǎng)站的支持！
如果你覺得本文對你有幫助，歡迎轉(zhuǎn)載，煩請注明出處，謝謝！