一、聲明式導(dǎo)航

在標(biāo)簽內(nèi)使用 target="_blank"

<router-link :to="{ path: '/new-page' }" target="_blank">打開新標(biāo)簽頁</router-link>

二、編程式導(dǎo)航

在Vue中，在router.push({})或其他跳轉(zhuǎn)方法中配置 target:"_blank"即可。

但是在Vue2.0后已經(jīng)不支持 target="_blank"！

此時(shí)需要使用router中的resolve，該方法返回的對象中包含完整的路徑信息，然后借助于window.open打開新的標(biāo)簽頁，用法如下：

import { useRouter } from 'vue-router';const router = useRouter()const keyWord = ref(null) const Seach = ()=>{    console.log(keyWord.value);    const routeUrl = router.resolve({        name:'search',        params:{            keyWord:keyWord.value        }    })    window.open(routeUrl.href,'_blank')}