VUE路由新页面打开的方法总结

目录回到顶部

• 1.router-link的target
• 2.$router.resolve

 

正文

　　平常做单页面的场景比较多，所以大部分的业务是在同一个页面进行跳转。要通过VUE路由使用新页面打开且传递参数，可以采用以下两个方法：

回到顶部

1.router-link的target

<router-link tag="a" target="_blank" :to="{name:'searchGoods',params:{catId:0},query:{keywords:'手机'}}">热门好货</router-link>需要注意的是，vue1不支持。

回到顶部

2.$router.resolve

let routeData = this.$router.resolve({
   name: "searchGoods",
   query: params,
   params:{catId:params.catId}
});
window.open(routeData.href, '_blank')

　　用法类似$router.push 和$router.go　　

　　当然，对于比较简单的参数传递，也可以直接使用a标签在url中拼接好参数进行打开新页面跳转。