vue路由跳轉並帶參數

老是記混這兩種傳參方式,所以特意記錄下來。

1.params傳參 ,需要傳跳轉路徑的name,傳的參數不會在路由地址中顯示

例如 :

this.$router.push({ name: 'AdAdd', params: { id: id }})

獲取參數值的方法是

 this.$route.params.id

2.query傳參,需要傳跳轉路勁的path,傳的參數會在路由地址中顯示

例如:

 this.$router.push({ path: '/add', query: { id: row.id }})

獲取參數值的方式是:

this.$route.query.id

另外需注意的是,傳參時使用的是$router  ,獲取時使用的是$route

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章