vue项目如何打开新页面html标签跳转方式 1. router-link 标签 2. 编程式路由导航--------

html标签跳转方式

   html实现点击打开一个新窗口的方法：可以通过使用a标签的target属性来实现，如【target="_blank"】。
   target规定了在何处打开链接文档，_blank表示在新窗口中打开文档。

1. router-link 标签

<router-link tag="a" target="_blank" :to="{name:'newPage',params:{content:'新页面'}}">打开新页面</router-link>
**注意**： tag="a"，与 target="_blank" 需同时使用

2. 编程式路由导航

借助 router 示例的方法，使用 $router.resolve 获取地址，再通过open 方法打开新窗口
let href = this.$router.resolve({
    name: "newPage",
    params: {content:'新页面'}
});
window.open(href, '_blank');
可以加上窗口特征参数，显示小窗口
window.open(href, '_blank', 'toolbar=yes, width=900, height=700')