跳轉前頁面傳送資料: 注意path和params不能共用,否則獲取不到資料
this
.$router.
push(}
)
跳轉後得到資料
var data=
this
.$route.query
另外:注意區分route和router的區別
this.$router:表示全域性路由器物件,專案中通過router路由引數注入路由之後,在任何乙個頁面都可以通過此方法獲取到路由器物件,並呼叫其push(),
go()等方法;
this.$route:
表示當前正在用於跳轉的路由器物件,可以呼叫其name、path、query、params等方法;
vue 路由跳轉以及引數獲取
路由跳轉 query傳參 this.router.push query傳參 獲取引數 const id this.route.query.id 路由跳轉 params傳參 this.router.push params傳參 獲取引數 const id this.route.params.id 區別 ...
vue跳轉路由
1.router link 1 不帶引數 name,path都行,建議用name 2 帶引數 params傳引數 類似post 路由配置 path home id 或者 path home id 不配置path 第一次可請求,重新整理頁面id會消失 配置path,重新整理頁面id會保留 html 取...
vue路由跳轉子元件 Vue實現路由跳轉和巢狀
一 配置 router 用 vue cli 建立的初始模板裡面,並沒有 vue router,需要通過 npm 安裝 cnpm i vue router d 安裝完成後,在 src 資料夾下,建立乙個 routers.js 檔案,和 main.js 平級 然後在 router.js 中引入所需的元件...