vue中获取localstorge里的数据,为什么v-for指令渲染不出来,求各位帮我看看

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

https://img1.mukewang.com/5c74a52e0001b7dd08000066.jpg

登录成功后浏览器里也能获取

https://img4.mukewang.com/5c74a531000179b206290157.jpg

但是我在另一个组件personal.vue获取localstorge数据的时候就遇到了问题,代码如下

https://img2.mukewang.com/5c74a5340001049607260148.jpg

https://img1.mukewang.com/5c74a53400018e9202880156.jpg

https://img2.mukewang.com/5c74a5350001f85a06320165.jpg

v-for就是渲染不出来,页面上什么都没有,我在控制台也能打印出数据,

https://img.mukewang.com/5c74a5380001d81608000279.jpg

但就是不知道为什么渲染不出来,是我哪里写得不对么?还是说要先保存在login.vue里,然后再传参给personal.vue,不是说localstorge是个全局变量么?第一次用vue写登录功能,很多问题不知道,这个问题也纠结了很久了,求各位大神帮我看看,感激不尽。


繁华开满天机
浏览 810回答 2
2回答

动漫人物

vue devtools里有没有数据又没有this的变化,不需要写that = thisconsole.log(getziliaos)输出的是什么(// !应该是console.log(that.getziliaos))localStorage数据是同源共享的,不需要传。

SMILET

首先你打印的getziliaos就错了,应该打印this.getziliaos,其次,你v-for渲染的items并没有定义,你应该改成item in getziliaos,你应该在created钩子中去调用这个方法获取数据,不然方法都没调用怎么获取数据。
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript