日常作單頁面的場景比較多,因此大部分的業務是在同一個頁面進行跳轉。要經過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