問(wèn)題描述

剛接觸vueJS，小白請(qǐng)教。

問(wèn)題描述：每個(gè)頁(yè)面都是異步取json格式的數(shù)據(jù)，然后填到data，渲染到頁(yè)面中。

有一個(gè)疑問(wèn)，就是假如需要點(diǎn)擊某個(gè)項(xiàng)目，傳遞id到另外一個(gè)頁(yè)面的時(shí)候，怎么在新頁(yè)面中拿到這個(gè)id，然后異步取得數(shù)據(jù)渲染？（我目前能想到的方法是使用jsp的setAttribute方法，然后設(shè)定到一個(gè)hidden的input里面，利用js取得這個(gè)值，填到data里面，再出發(fā)異步請(qǐng)求）

1.項(xiàng)目的后臺(tái)是java寫(xiě)的。

2.目前使用并沒(méi)有用路由（還沒(méi)研究怎么用，由于頁(yè)面是有用戶登錄攔截的，還未考慮做成單頁(yè)面應(yīng)用）

求指導(dǎo)

問(wèn)題解答

沒(méi)用路由的話暫時(shí)想到兩個(gè)方法，一個(gè)是在url后面加參數(shù)，a.jsp跳到b.jsp, b.jsp?id=1,在b.jsp頁(yè)面取location.href.split(’?id=’)[1], 另一個(gè)方法是設(shè)置緩存，localStroage、sessionStroage等等

js 直接解析 url 得到 id

兩種方式，已經(jīng)有id了可以直接獲取待渲染的數(shù)據(jù)埋到頁(yè)面中，vue直接獲取本地頁(yè)面數(shù)據(jù)渲染；或者埋id，然后異步獲取待渲染的數(shù)據(jù)。

傳遞id到另外一個(gè)頁(yè)面的時(shí)候的，在另一個(gè)頁(yè)面寫(xiě)個(gè)方法，獲取這個(gè)id的值，再發(fā)送請(qǐng)求就可以了！