需求

因為某些原因，某個頁面的加載需要很長時間。為了不讓用戶重新加載，再次等待很長時間，決定當(dāng)從這個頁面跳轉(zhuǎn)其他頁面時，打開一個新窗口。

編程時導(dǎo)航

使用路由對象的resolve方法解析路由，可以得到location、router、href等目標(biāo)路由的信息。得到href就可以使用window.open開新窗口了。

當(dāng)頁面有一個跳轉(zhuǎn)時

const { href } = this.$router.resolve({
    name: "router-name",
    query: {
        id: 1
    }
});
window.open(href, '_blank');

當(dāng)頁面有多個跳轉(zhuǎn)時

let routeOne = this.$router.resolve({
    name: "router-one",
    query: {
        id: 1
    }
 });
 window.open(routeOne.href, '_blank');

 let routeTwo = this.$router.resolve({
    name: "router-two",
    query: {
        id: 1
    }
 });
 window.open(routeTwo.href, '_blank');

<router-link>標(biāo)簽

<router-link tag="a" 
             target="_blank"
             :to="{ name: 'router-name', query: {id: 1} }">
</router-link>

以上就是動力節(jié)點小編介紹的"Vue路由跳轉(zhuǎn)打開新窗口"，希望對大家有幫助，想了解更多可查看編程入門教程。動力節(jié)點在線學(xué)習(xí)教程，針對沒有任何Java基礎(chǔ)的讀者學(xué)習(xí),讓你從入門到精通,主要介紹了一些Java基礎(chǔ)的核心知識，讓同學(xué)們更好更方便的學(xué)習(xí)和了解Java編程，感興趣的同學(xué)可以關(guān)注一下。