vue三種頁面跳轉傳參方法

2022-07-12 18:06:14 字數 515 閱讀 1100

1、push方法:

跳轉傳參:

query傳參 引數會在鏈結後面顯示

this

.$router.push(,

});

params傳參 引數不會顯示在鏈結後面
this

.$router.push(,

});

params傳參要用name 不能用path  切記!

接受引數:

this.$route.params 和 this.$route.query

2、window.href 傳參

window.location.href = '/home/?id='+1;

3、router-link標籤跳轉傳參

跳轉啦

如果有更好的方法可以一起分享!

vue路由傳參跳轉頁面的三種方式

1.query route index.js路由配置檔案 跳轉源頁面 this.router.push 跳轉後頁面獲取引數物件 this.route.query2.params route index.js路由配置檔案 跳轉源頁面 this.router.push 跳轉後頁面獲取引數物件 this....

Vue頁面跳轉傳參

日期 2020年3月15日 1 通過router link進行跳轉,傳遞方式 使用query傳遞引數,路由必須使用path引入,使用params傳遞引數,路由必須使用name引入 跳轉位址 content?key hello value world 取值 this.route.query.key 跳...

vue頁面跳轉傳參問題傳參

vue 的頁面跳轉以及頁面之間傳參其實是乙個很常見的問題,但是整體上會使用的次數很多,有時候頁面的跳轉不需要引數,因為他屬於那種公共的,大家都可以看到。但是當乙個頁面屬於我們非公共的頁面時,我們就需要我們的資料跟著跳轉過來了,比如說我們的個人資訊或者是個人設定,這些都需要我們去帶著引數去請求,否則服...