首頁(yè) 猿問(wèn) vue router 傳參

vue router 傳參

Vue.js

慕尼黑5688855 2019-01-30 17:39:53

大家好，關(guān)于路由傳參，有個(gè)問(wèn)題想請(qǐng)教下大家：場(chǎng)景：component A 有一個(gè)form表單，里面有很多字段，我點(diǎn)搜索跳轉(zhuǎn)到component B，根據(jù)傳來(lái)的數(shù)據(jù)進(jìn)行請(qǐng)求數(shù)據(jù)。我的做法：以前字段少的時(shí)候，我會(huì)用類似path:/search/:id/:keywords來(lái)一個(gè)個(gè)設(shè)置，或者多字段的時(shí)候，把數(shù)據(jù)存到sessionStorage里面，到component B再獲取sessionStorage。沒(méi)有用vuex，因?yàn)樗⑿马?yè)面數(shù)據(jù)會(huì)丟失。針對(duì)有很多字段的情況下，有沒(méi)有什么更好的方法？是不是用router.push({ path: 'search', query: { form: 表單data }})

查看完整描述

1 回答

汪汪一只貓

TA貢獻(xiàn)1898條經(jīng)驗(yàn) 獲得超8個(gè)贊

過(guò)于復(fù)雜和過(guò)大的參數(shù)，都沒(méi)法用路由傳參，這個(gè)問(wèn)題也糾結(jié)過(guò)我很久。
因?yàn)?router 是靠地址欄活著的，過(guò)大的參數(shù)沒(méi)法放入地址欄，過(guò)復(fù)雜的就更沒(méi)戲了。
我也是存到 sessionStorage 或 localStorage 中解決的，沒(méi)找到更好的方法。
除了 sessionStorage 或 localStorage ，還有 indexedDB ，不過(guò)更不符合場(chǎng)景。

反對(duì) 回復(fù) 2019-01-30