平常做單頁面的場景比較多,所以大部分的業務是在同一個頁面進行跳轉。要通過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
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
當然,對於比較簡單的參數傳遞,也可以直接使用a標簽在url中拼接好參數進行打開新頁面跳轉。