在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue中獲取localstorge里的數(shù)據(jù),為什么v-for指令渲染不出來,求各

vue中獲取localstorge里的數(shù)據(jù),為什么v-for指令渲染不出來,求各位幫我看看

我在login.vue組件里把登錄的信息存入了localstorge

clipboard.png

登錄成功后瀏覽器里也能獲取

clipboard.png

但是我在另一個組件personal.vue獲取localstorge數(shù)據(jù)的時候就遇到了問題,代碼如下

clipboard.png

clipboard.png

clipboard.png

v-for就是渲染不出來,頁面上什么都沒有,我在控制臺也能打印出數(shù)據(jù),

clipboard.png
但就是不知道為什么渲染不出來,是我哪里寫得不對么?還是說要先保存在login.vue里,然后再傳參給personal.vue,不是說localstorge是個全局變量么?第一次用vue寫登錄功能,很多問題不知道,這個問題也糾結(jié)了很久了,求各位大神幫我看看,感激不盡。

回答
編輯回答
愚念
  1. vue devtools里有沒有數(shù)據(jù)
  2. 又沒有this的變化,不需要寫that = this
  3. console.log(getziliaos)輸出的是什么(// !應(yīng)該是console.log(that.getziliaos))

localStorage數(shù)據(jù)是同源共享的,不需要傳。

2018年4月2日 07:12
編輯回答
誮惜顏

https://cn.vuejs.org/v2/guide...

由于 Vue 不允許動態(tài)添加根級響應(yīng)式屬性,所以你必須在初始化實例前聲明根級響應(yīng)式屬性,哪怕只是一個空值:

把 data 聲明中 getziliaos 屬性寫出來試試

2017年10月27日 22:43
編輯回答
病癮

v-for="item in items" 這個items哪來的
你的數(shù)據(jù)getziliaos好像不是數(shù)組格式不用循環(huán)

2017年3月25日 13:34
編輯回答
大濕胸

這樣寫不行的,直接白屏

2018年4月9日 04:43
編輯回答
撿肥皂

首先你打印的getziliaos就錯了,應(yīng)該打印this.getziliaos,其次,你v-for渲染的items并沒有定義,你應(yīng)該改成item in getziliaos,你應(yīng)該在created鉤子中去調(diào)用這個方法獲取數(shù)據(jù),不然方法都沒調(diào)用怎么獲取數(shù)據(jù)。

2017年7月14日 18:50
編輯回答
櫻花霓
data () {
    return  {
        getziliaos: JSON.parse(localStorage.getItem(`data`).detail)
    }
}

直接這樣寫就 ok 啊,多簡單!


你這方法里面不用緩存 this!

2018年6月26日 08:38