天天看點

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