這篇文章主要介紹如何解決vuex數(shù)據(jù)異步造成初始化時沒值報錯的問題，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

創(chuàng)新互聯(lián)專注于企業(yè)營銷型網(wǎng)站、網(wǎng)站重做改版、呂梁網(wǎng)站定制設(shè)計、自適應品牌網(wǎng)站建設(shè)、H5高端網(wǎng)站建設(shè)、電子商務商城網(wǎng)站建設(shè)、集團公司官網(wǎng)建設(shè)、外貿(mào)營銷網(wǎng)站建設(shè)、高端網(wǎng)站制作、響應式網(wǎng)頁設(shè)計等建站業(yè)務，價格優(yōu)惠性價比高，為呂梁等各大城市提供網(wǎng)站開發(fā)制作服務。

當使用vue做登錄的時候，我們會把拿到的部分用戶信息存在vuex+cookie中，我們知道，vuex的數(shù)據(jù)是會隨著瀏覽器刷新而丟失的，此時我們會重新請求接口對vuex的數(shù)據(jù)進行再次賦值，如下

當有cookie但是vuex沒有數(shù)據(jù)的時候再次請求賦值

state

mutation

vuex的數(shù)據(jù)是異步的，當我們頁面需要直接拿vuex的值進行渲染的時候，初始化瞬間（即請求過程進行的時候），vuex是沒有這個值的，如何解決這個問題，暫時總結(jié)了三種方法，希望有遇到的大佬進行補充和查錯：

1.通過watch和mouted監(jiān)聽并且初始化vuex數(shù)據(jù)

在mounted的時候初始化該數(shù)據(jù) 并且watch該數(shù)據(jù)(不推薦)

2.在computed賦值該數(shù)據(jù) 并且在dom渲染的時候做非空的判斷

或者：

3.使用拓展運算符

以上是“如何解決vuex數(shù)據(jù)異步造成初始化時沒值報錯的問題”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

網(wǎng)站欄目：如何解決vuex數(shù)據(jù)異步造成初始化時沒值報錯的問題
網(wǎng)頁網(wǎng)址：http://chinadenli.net/article36/ppdppg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計、服務器托管、、網(wǎng)站設(shè)計公司、建站公司、網(wǎng)站排名

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)