鍍金池/ 問(wèn)答/HTML/ vue微信登錄成功之后,數(shù)據(jù)沒(méi)渲染到頁(yè)面上,一定要刷新下

vue微信登錄成功之后,數(shù)據(jù)沒(méi)渲染到頁(yè)面上,一定要刷新下

微信授權(quán)登錄之后,我已經(jīng)在本地緩存了用戶的數(shù)據(jù),但是登錄跳轉(zhuǎn)到業(yè)務(wù)頁(yè)面之后,顯示數(shù)據(jù)是沒(méi)有的,但是localstroge里面是有數(shù)據(jù)的,console.log顯示underfind,但是刷新一下,數(shù)據(jù)就能出來(lái)

本地?cái)?shù)據(jù)庫(kù)(localstroge)里里面有值

但是頁(yè)面上打印出來(lái)是underfind

代碼:
這一步在在登錄之后返回主頁(yè)的時(shí)候,后臺(tái)直接把用戶的openId 傳給url ,然后,我直接把用戶信息保存到本地,
想讓數(shù)據(jù)直接渲染,應(yīng)該和執(zhí)行順序有關(guān)系,因?yàn)槲蚁葓?zhí)行了數(shù)據(jù)的渲染,但是那個(gè)時(shí)候那里還沒(méi)數(shù)據(jù),所以顯示underfind,要刷新了才有數(shù)據(jù)
clipboard.png

這下面就是那個(gè)underfind ,要刷新了才有數(shù)據(jù)

clipboard.png

但是如果頁(yè)面刷新了,頁(yè)面上就可以顯示出數(shù)據(jù)

怎么解決?

回答
編輯回答
別硬撐

不知道樓主有沒(méi)有好的方案,前幾天也遇見(jiàn)這個(gè)問(wèn)題,我是加了一個(gè)空白頁(yè),從localstorage里面取值是需要時(shí)間的,延時(shí)0.5秒就可以取到,方法很笨,希望有好的處理方法

2017年6月27日 22:23
編輯回答
款爺

你把這個(gè)方法寫(xiě)在mounted的鉤子下試試

2017年12月25日 00:15
編輯回答
抱緊我

感覺(jué)應(yīng)該是vue生命周期的問(wèn)題。所以我想知道你獲取用戶信息的過(guò)程放到了哪里?lifecycle.png

2018年8月16日 04:17
編輯回答
未命名

我一般是將這些操作放在mounted鉤子中

2017年3月23日 09:53
編輯回答
孤島

我也遇到過(guò)類(lèi)似的問(wèn)題,是調(diào)用錯(cuò)了生命周期的原因。在你完成登錄操作之前,你的首頁(yè)組件就已經(jīng)被掛載了,相當(dāng)于已經(jīng)執(zhí)行到了mounted鉤子了。你試試update,應(yīng)該可以解決問(wèn)題。

2018年3月3日 21:48
編輯回答
咕嚕嚕

第二次有數(shù)據(jù)是因?yàn)椴恍枰卿浘涂梢詮牡谝淮蔚卿浤抢锩婺脭?shù)據(jù),你可以通過(guò)promise將緩存數(shù)據(jù)和讀取數(shù)據(jù)改成同步的

2017年10月21日 05:40
編輯回答
青裙

解決方案:就是不要放在localstorge里面,就直接通過(guò)組建之間的傳值

2017年11月5日 11:56