利用vue路由怎么打開(kāi)一個(gè)新的窗口

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

創(chuàng)新互聯(lián)是一家專(zhuān)注于網(wǎng)站建設(shè)、成都網(wǎng)站建設(shè)與策劃設(shè)計(jì),漳浦網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)做網(wǎng)站,專(zhuān)注于網(wǎng)站建設(shè)10余年,網(wǎng)設(shè)計(jì)領(lǐng)域的專(zhuān)業(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打開(kāi)一個(gè)新的窗口呢？別急，繼續(xù)往下看~

文檔中還有一處描述

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

<router-link tag="a" target="_blank" to="/about">新品</router-link>

2.編程導(dǎo)航

上圖是官網(wǎng)的最新說(shuō)法，vue2.0以后router.go和router.push就不支持新窗口打開(kāi)的屬性了，現(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ù)開(kāi)發(fā)復(fù)雜的單頁(yè)應(yīng)用。

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

新聞名稱(chēng)：利用vue路由怎么打開(kāi)一個(gè)新的窗口
網(wǎng)頁(yè)網(wǎng)址：http://muchs.cn/article0/jpjoio.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供服務(wù)器托管、搜索引擎優(yōu)化、微信公眾號(hào)、、網(wǎng)站設(shè)計(jì)、品牌網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)