在线观看不卡亚洲电影_亚洲妓女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