使用vue-router跳转页面
vue有组件vue-router,可以实现页面跳转,有两种方式实现。
1、使用vue-router标签,其中target属性指定页面打开方式(当前页或新标签页)
1 <router-link target="_blank" :to="{path:'/home',query:{id:'1'}}">新页面打开home页</router-link>
2、使用函数实现页面跳转(编程式导航)
1 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");