Vue 中進行路由跳轉傳引數

2021-09-24 22:04:10 字數 1147 閱讀 2169

vue使用宣告式，router-link進行跳轉

1.不傳遞任何的引數

//不傳遞任何的引數


跳轉頁面
2.傳遞引數

//通過query方式進行 路由跳轉 等同於 this.$router.push(})


link跳轉


//通過query方式進行 路由跳轉 等同於 this.$router.push(})


link跳轉param
vue中使用push方式，進行路由跳轉

1.不傳遞任何的引數

//path 直接跟跳轉路徑 例如：/home


this.$router.push(path);
//傳遞乙個object物件 path 指的是跳轉路徑


this.$router.push()
2.需要攜帶引數傳遞，這種有兩種方式，一種是通過query傳遞引數，另乙個種是通過params進行引數傳遞

2.1通過query的方式進行引數傳遞

在跳轉頁面的實現，

//query傳遞引數


this.$router.push(


});
獲取傳遞的引數：

//獲取傳遞過來的name id 引數


this.tempobj= this.$route.query.name;


this.id = this.$route.query.id;
params的方式傳遞引數，在使用這個方式時，需要對該路由進行命名name

//給當前路由規則 進行命名 name
在呼叫傳遞引數時

//使用params進行引數傳遞 name 是路由的命名 params 是傳遞的引數


this.$router.push(


})
獲取引數時

//獲取params時的引數


this.tempobj = this.$route.params.name;


this.id = this.$route.params.id;
學習部落格：

vue路由跳轉傳引數

1.router link link to query link 1.path 是要跳轉的路由路徑,也可以是路由檔案裡面配置的 name 值,兩者都可以進行路由導航 2.params 是要傳送的引數,引數可以直接key value形式傳遞 3.query 是通過 url 來傳遞引數的同樣是key v...

vue路由跳轉傳引數

1.router link link to query link 1.path 是要跳轉的路由路徑,也可以是路由檔案裡面配置的 name 值,兩者都可以進行路由導航 2.params 是要傳送的引數,引數可以直接key value形式傳遞 3.query 是通過 url 來傳遞引數的同樣是key v...

Vue路由跳轉傳參

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