開發過程中經常會遇到路由跳轉需要攜帶引數的情況,在大多數單頁面中,一般都是通過使用vue-router
來實現路由的。通過在vue例項內部訪問$router
來訪問路由例項,呼叫this.$router.push
導航到不同的url。
注意:
$router
是vue-router
例項,用$router.push
方法導航到不同的url
$route
是當前router
跳轉物件,獲取name、path、query、params等
params傳參,只能通過name來引入路由,push裡面只有寫name才會生效,path不生效,接收引數會是undefined。
區別:1、params傳參不會顯示在url中,query傳參會顯示在url中
2、query傳參path和name都可以,params只能用name
3、params引數f5強制重新整理會被清空
VUE路由傳參之params傳參和query傳參
下列觀點只代表個人觀點,如有不足之處,煩請指正!今天在頁面間使用 router.push傳參時,發現頁面重新整理資料之後,路由中params的資料丟失了。1.繼續使用params傳參 繼續使用params傳參,需要在對應路由中新增引數,用來儲存 不知道這麼說對不對 params中對應的引數。如圖 模...
VueRouter中params和query的區別
query 查詢 和 params 引數 兩者都是在 vue 路由中傳遞引數 query 用 path 屬性引入,params 用 name 屬性引入 傳參 this.router.push 接收引數 this.route.query.id傳遞引數使用 this.router,接收引數使用 this...
程式設計式導航以及路由的params和query
程式設計式導航 通過j ascript形式的api實現導航的方式,叫做程式設計式導航 例如 普通頁面的 location.href this.router.push hash位址 跳到指定的頁面 router.push home 字串 router.push 物件 router.push 命名路由,...