路由使用 路由跳轉 路由傳參

2021-10-07 07:37:33 字數 917 閱讀 2890

//修改src/main.js檔案,載入路由

import router from 『./router』

import store from 『@/store/store.js』

//路由跳轉,有兩種方式。

this.$router.push();

this.$router.push();

在元件中可以使用this.rou

ter訪

問路由器

,可以使

用thi

s.

router訪問路由器,可以使用this.

router

訪問路由

器,可以

使用th

is.route訪問當前路由。(注意,乙個是rou

ter,

另乙個是

router,另乙個是

router

,另乙個

是route)

還有一種是在路由path傳參,使用比較少,容易混淆。

頁面重新整理,引數丟失,需要使用query方式傳參。

//路由傳參,有兩種方式。

//query方式傳參

傳參:this.$router.push(

})接收引數:

this.$route.query.id

//params方式傳參

傳參:this.$router.push(

})接收引數:

this.$route.params.id

注意:params傳參,push裡面只能是name:『xx』,不能是path:』/xx』,因為params只能用name來引入路由,如果這裡寫成了path,接收引數頁面會是undefined!

直白的來說query相當於get請求,頁面跳轉的時候,可以在位址列看到請求引數,而params相當於post請求,引數不會在位址列中顯示。

Vue路由跳轉傳參

1.query方式 注意 path要用 跳轉頁的名字 傳出頁多傳乙個query物件 data a 接收頁直接用this.route.query.屬性名就可以拿到了 注意是route不是router this.route.query.id this.route.query.value2.params方...

Vue 路由跳轉方式 和 路由跳轉時傳參

1 router link 2 router方式 js跳轉 this.router.push 以上就是兩種路由跳轉的方法 先說說params和query的不同之處 1.query所傳的引數會顯示在url上,params則不會 2.params傳遞的引數在瀏覽器重新整理時會清空,query則不會 1 ...

vue路由跳轉傳參 Orz

好睏好睏好睏 常用路由跳轉方式 通過router link進行跳轉 通過 router.push進行跳轉 router link to query router link 1.path 是要跳轉的路由路徑,也可以是路由檔案裡面配置的 name 值,兩者都可以進行路由導航 2.params 是要傳送的...