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


  平常做單頁面的場景比較多,所以大部分的業務是在同一個頁面進行跳轉。要通過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中拼接好參數進行打開新頁面跳轉。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM