使用vue-router跳转页面

vue有组件vue-router，可以实现页面跳转，有两种方式实现。

1、使用vue-router标签，其中target属性指定页面打开方式（当前页或新标签页）

<router-link target="_blank" :to="{path:'/home',query:{id:'1'}}">新页面打开home页</router-link>

2、使用函数实现页面跳转（编程式导航）

this.$router.push({name: "soc", params: {ckdh: item.cankudxh, cghthm: item.cghthm}});

此方法无法实现在新标签页打开页面，可用window对象的open方法实现

let router_url = this.$router.resolve({
    name: "router_name",
    query: {
        param1: variable1,
        param2: variable2
    }
});
window.open(router_url .href, "_blank");