這期內(nèi)容當(dāng)中小編將會(huì)給大家?guī)?lái)有關(guān)利用vue路由怎么打開一個(gè)新的窗口，文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。

創(chuàng)新互聯(lián)是一家專注于網(wǎng)站建設(shè)、成都網(wǎng)站建設(shè)與策劃設(shè)計(jì),漳浦網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設(shè)10余年,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:漳浦等地區(qū)。漳浦做網(wǎng)站價(jià)格咨詢:028-86922220

1.router-link標(biāo)簽

在vue的官方文檔中

看到這大家應(yīng)該會(huì)想，既然router-link不支持target="_blank"屬性，那我們?cè)撛趺从胷outer-link打開一個(gè)新的窗口呢？別急，繼續(xù)往下看~

文檔中還有一處描述

router-link添加tag="li"屬性后，居然可以變成li標(biāo)簽渲染出來(lái)，真特么神奇哈，那可不可以寫成tag="a",從而去替代a標(biāo)簽?zāi)兀课覀儑L試著寫一哈

新品

2.編程導(dǎo)航

上圖是官網(wǎng)的最新說(shuō)法，vue2.0以后router.go和router.push就不支持新窗口打開的屬性了，現(xiàn)在用一種新的方式router.resolve

let routeData = this.$router.resolve({
 path: "/about",
 query: {
 name:'lei',
 age: 18,
 phoneNum:12345678901 
 }
});
window.open(routeData.href, '_blank');

vue是什么

Vue是一套用于構(gòu)建用戶界面的漸進(jìn)式JavaScript框架，Vue與其它大型框架的區(qū)別是，使用Vue可以自底向上逐層應(yīng)用，其核心庫(kù)只關(guān)注視圖層，方便與第三方庫(kù)和項(xiàng)目整合，且使用Vue可以采用單文件組件和Vue生態(tài)系統(tǒng)支持的庫(kù)開發(fā)復(fù)雜的單頁(yè)應(yīng)用。

上述就是小編為大家分享的利用vue路由怎么打開一個(gè)新的窗口了，如果剛好有類似的疑惑，不妨參照上述分析進(jìn)行理解。如果想知道更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。