問題描述

剛接觸vueJS，小白請教。

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

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

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

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

求指導(dǎo)

問題解答

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

js 直接解析 url 得到 id

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

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