1. 程式人生 > >Vue中用this.$router傳遞引數與取值

Vue中用this.$router傳遞引數與取值

在Vue中使用this.$router傳遞引數有兩種方式:

第一種

傳遞引數  -- this.$router.push({path: ' 路由 ', query: {key: value}})

引數取值  -- this.$route.query.key

使用這種方式,傳遞引數會拼接在路由後面,出現在位址列

第二種

傳遞引數  -- this.$router.push({name: ' 路由的name ', params: {key: value}})

引數取值  -- this.$route.params.key

使用這種方式,引數不會拼接在路由後面,位址列上看不到引數

由於動態路由也是傳遞params的,所以在 this.$router.push() 方法中 path不能和params一起使用,否則params將無效。需要用name來指定頁面。

及通過路由配置的name屬性訪問