欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

簡(jiǎn)述vue路由打開(kāi)一個(gè)新的窗口的方法

 更新時(shí)間:2018年11月29日 08:51:52   作者:pinbolei  
這篇文章主要介紹了vue路由打開(kāi)一個(gè)新的窗口的方法,本文給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下

簡(jiǎn)單說(shuō)一下vue路由如何打開(kāi)一個(gè)新的窗口

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

在vue的官方文檔中

圖1-1

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

文檔中還有一處描述

圖1-2

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

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

2.編程導(dǎo)航

圖1-3

上圖是官網(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');

總結(jié)

以上所述是小編給大家介紹的vue路由打開(kāi)一個(gè)新的窗口的方法,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!

相關(guān)文章

最新評(píng)論