1. 程式人生 > 其它 >如何使用vue-router在新的標籤頁開啟文章

如何使用vue-router在新的標籤頁開啟文章

技術標籤:前端vue

let routeData = this.$router.resolve({name: 'routeName', query: {data: "someData"}});
window.open(routeData.href, '_blank');

按如上操作即可,如果是使用router-link 可以直接新增target屬性

<router-link :to="{ name: 'fooRoute'}" target="_blank">
  Link Text
</router-link
>

如何不生效,那麼應該是版本過低導致。

此外,新標籤頁開啟頁面,顯然利用不上單網頁應用不重新整理頁面的優點,但得益於vue-router使用prefetch預載入指令碼檔案,即使跳轉新視窗,仍舊會觸發快取。
在這裡插入圖片描述