VUE路由新頁面打開的方法總結

  日常作單頁面的場景比較多,因此大部分的業務是在同一個頁面進行跳轉。要經過VUE路由使用新頁面打開且傳遞參數,能夠採用如下兩個方法:vue

1.router-link的target

<router-link tag="a" target="_blank" :to="{name:'searchGoods',params:{catId:0},query:{keywords:'手機'}}">熱門好貨</router-link>須要注意的是,vue1不支持。this

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  url

  固然,對於比較簡單的參數傳遞,也能夠直接使用a標籤在url中拼接好參數進行打開新頁面跳轉。spa

相關文章
相關標籤/搜索