vue頁面傳參

2022-08-11 07:42:12 字數 833 閱讀 8755

1、傳的引數是陣列

傳遞引數的頁面

let setstr = encodeuricomponent(json.stringify(this.tabledata));

this.$router.push('/send/setmessageself?setstr=' + setstr);

接收引數頁面:

mounted(),

解釋:首先是let乙個陣列,這個陣列是我要傳遞給另乙個頁面的引數,如果直接傳就會變成[object object],所以我們需要通過json.stringify(陣列)來把這個陣列變成乙個字串,把它變成字串後,如果直接傳遞,正常來說是沒有問題的,但是當我們碰到有特殊符號的時候,比方說我們其中有乙個資料是一串**,那轉換就會遇到問題,所以我們需要使encodeuricomponent()函式把轉換出來的字串進行編碼,encodeuricomponent()函式可把字串作為uri 元件進行編碼,該方法不會對 ascii 字母和數字進行編碼,也不會對這些 ascii 標點符號進行編碼: - _ . ! ~ * ' ( ) ,這樣我們就能得到我們想要的字串了。

因為我們是把陣列變成了字串傳過去的,所以我們在接收到這個字串的時候,需要對它進行json.parse()轉成我們要的陣列。

2、傳遞的是字串

傳遞引數的頁面:

this.$router.push('/message/advise/' + this.id);

接收引數的頁面:

id: this.$route.params.id,

路由設定:

,

vue頁面傳參

sessionstorage localstorage 頁面重新整理,丟失資料問題 路由配置 路由跳轉方式 this.router.push user 123 this.router.push this.router.push 跳轉後的頁面,獲取引數this.route.params.userid ...

vue頁面跳轉傳參問題傳參

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

Vue頁面跳轉傳參

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