1. 使用標籤實現新窗口打開:
- 在頁面導航中
<router-link>
被渲染爲<a>
標籤, 在vue2版本的<router-link>
支持 target="_blank" , 代碼如下:<router-link target="_blank" :to="{path:'/home',query:{id:'1'}}">新窗口打開</router-link>
2. 編程式導航:
- 有些時候需要在單擊事件或者在函數中實現頁面跳轉,那麼可以藉助
router
的示例方法,通過編寫代碼實現。我們常用的是$router.push
和$router.go
但是vue2.0以後,這種方式就不支持新窗口打開的屬性了,這個時候就需要使用this.$router.resolve
, 傳參時可以使用query,也可以使用params , 代碼如下:newWindow(){ let routeUrl = this.$router.resolve({ path: "/newWindow", query: {id:96} }); window.open(routeUrl .href, '_blank'); }