日常作单页面的场景比较多,因此大部分的业务是在同一个页面进行跳转。要经过VUE路由使用新页面打开且传递参数,能够采用如下两个方法:vue
<router-link tag="a" target="_blank" :to="{name:'searchGoods',params:{catId:0},query:{keywords:'手机'}}">热门好货</router-link>须要注意的是,vue1不支持。this
1 let routeData = this.$router.resolve({ 2 name: "searchGoods", 3 query: params, 4 params:{catId:params.catId} 5 }); 6 window.open(routeData.href, '_blank')
用法相似$router.push 和 $router.go url
固然,对于比较简单的参数传递,也能够直接使用a标签在url中拼接好参数进行打开新页面跳转。spa