在Vue中，一般我們是使用router-link來實現(xiàn)新窗口的打開的亥至，但是我之前設(shè)計網(wǎng)頁的時候沒有想到這個問題，因此我使用的是router-view來實現(xiàn)內(nèi)部頁面的跳轉(zhuǎn)贱迟，但是這樣又不方便多個頁面進行比對，因此需要設(shè)置用跳轉(zhuǎn)到新頁面來取代光是內(nèi)部頁面的跳轉(zhuǎn)衣吠。
router-link來實現(xiàn)如下所示
<router-link target="_blank" :to="{path:'/home',query:{id:'1'}}">在新頁面打開home頁</router-link>
用router-view來實現(xiàn)的話需要用到編程式的導(dǎo)航，具體代碼如下所示
searchSubFunction(subfunction, geneID){
console.log(subfunction)
console.log(geneID)
if (subfunction == 'JBrowse') {
axios({
url: 'http://127.0.0.1:8000/api/search-gene/',
type: 'json',
params: {
geneID
},
method: 'get',
}).then((res)=>{
// console.log(res.data[0])
var species = res.data[0].species
let routeUrl = this.$router.resolve({
path: "../JBrowse/",
query:{Genome: species}
});
window.open(routeUrl.href, '_blank');
})
// 通過../來傳參給父視圖惊搏，然后再刷新到JBrowse去，很強
}
},
只需要通過這個window.open來打開新頁面即可恬惯。
