//修改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 是要傳送的...