vue路由跳轉獲取資料的方法

2021-10-05 02:31:41 字數 444 閱讀 1459

跳轉前頁面傳送資料: 注意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 中引入所需的元件...