vue-router如何以新窗口标签形式打开

<router-link>实现：

vue2版本的 <router-link> 可以在里面添加一个target="_blank" 属性如下所示，这样就能实现以新的标签页面打开该页面

<router-link target="_blank" :to="{path:'/demo',query:{value1:'1',value2:'2'}}">open</router-link>

使用router.resolve实现

我们可以使用window.open结合router.resolve来实现这个效果

<script>
    export default{
        name:'demo',
        data(){return{}},
        methods:{
            toNewWindow(){
                //编写要跳转的页面路径，该路径在router文件夹中的index.js里面声明
                let url = this.$router.resolve({
                      path: "/demoWindow",
                      query: {value1:'1',value2:'2'}
                 });
                this.window.open(url .href, '_blank');
            }
        }
    }
</script>