vue-router跳轉路由的幾種方式
阿新 • • 發佈:2019-01-14
// vue-router學習筆記 記錄開發中的點點滴滴 跳轉路由的幾種方式: 1、宣告式: 1) 根據路由路徑(/home/sort/detail)跳轉 <router-link :to="{path: '/home/sort/detail', query:{id: 'abc'}}">點選檢視子頁面</router-link> 2) 根據路由名稱(detail)跳轉 <router-link :to="{name: 'detail', params:{id: 'abc'}}">點選檢視子頁面</router-link> :to="" 可以實現繫結動態的 路由 和 引數 2、程式設計式: 1) this.$router.push({path: '/home/sort/detail',query:{id: 'abc'}}) 2) this.$router.push({name: 'detail',params:{id: 'abc'}}) 備註: params 和 query 傳參的區別: 1、params傳參時 引數不會出現在url的路徑上面, 但是重新整理頁面時param裡面的資料會消失 2、query傳參時 引數出現在url的路徑上面, 重新整理頁面時query裡面的資料不變