observe数据代理

今天 ,在工作中碰见一个问题,就是数据我从后台获取到了,然后日常将其赋值到data对象里面一个变量里面

因为是一个数组 我想在前台 遍历 然后问题就出现了 一直报我 undefined

然后我再控制台打印了下 显示 observe 百度了说了下 这种情况是vue中的一个数据代理什么的

不让遍历 除非 你进行深拷贝 再赋值到一个变量里面才可以

我试了下JSON.parse(JSON.stringify(数据)) 这样就可以遍历

不知道为什么 我这样 还是不行 可能是哪里出了什么问题 我最后是把那个 从后台返回的数据 单独把需要遍历的数组对象取出来单独使用一个变量 存放 最后在前台 可以遍历出来了

还有一种情况就是 我在前台把数据遍历出来 但是还是报错显示我undefined 数据确实正常显示了

这个是因为 vue渲染的时候 你这个数据还没有回来 vue中的数据实行的是 观察者模式 如果数据一旦回来 它就自动赋值了

所以 你看到了 页面正常显示 但还是 报错了

这种方法 其实你可以 先用v-if 判断 如果有值的情况下 在显示数据

2.还有一个问题是

从vue从后台返回的视频资源路径 我发现了在前台界面上显示不出来

<source :src="videoSrc">

上面这种方法 视频显示不出来 最后用线面这种方法 可以正常显示 很奇怪