Vue頁面跳轉傳參

2021-10-03 21:58:14 字數 893 閱讀 5297

日期:2023年3月15日

1、通過router-link進行跳轉,傳遞方式:

使用query傳遞引數,路由必須使用path引入,

使用params傳遞引數,路由必須使用name引入

跳轉位址 -----------> /content?key=hello&value=world

取值 -----------> this.$route.query.key

跳轉位址 -----------> /content??? (暫時沒用過)

取值 -----------> this.$route.params.key

2、$router方式跳轉

this.$router.push(

});

跳轉位址 -----------> /content?name=admin&password=123456

取值 -----------> this.$route.query.name

this.$router.push(

});

跳轉位址 -----------> /content/123456

取值 -----------> this.$route.params.password

vue頁面跳轉傳參問題傳參

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

Vue頁面跳轉時傳參總結

1 路由跳轉 跳轉到 path login 的頁面 2 路由跳轉時傳參 2.1 傳參的頁面中 2.2 引數接收 data 3 程式設計式頁面跳轉 this.router.push 跳轉到name為home的頁面 4 程式設計式頁面跳轉時傳參 4.1 params 傳參 相當於post請求,頁面跳轉時...

vue具體頁面跳轉傳參方式

1.寫資料,可以使用 以及setitems key,value 3種方式。例如 localstorage.name proe 設定name為 proe localstorage name proe 設定name為 proe 覆蓋上面的值 localstorage.setitem name proe ...