有些業務需要在 vue 中打開新窗口,通常有兩種方式:
1. <router-link>標簽
<router-link tag="a" target="_blank" :to="{name:'ArticleDetail',params:{id:0}}">新增文章</router-link>
其中, tag="a",與 target="_blank" 需同時使用
2. 編程式導航
借助 router 示例的方法,使用 $router.resolve 獲取地址,再通過open 方法打開新窗口
const { href } = this.$router.resolve({ name: "ArticleDetail", params: { id: 0 } }); window.open(href, '_blank');
甚至可以加上窗口特征參數,顯示小窗口
window.open(href, '_blank', 'toolbar=yes, width=900, height=700')