vue中从后台返回数据赋值到变量打印出来 _observe_ 前台界面显示 undefiend

今天 ,在工作中碰见一个问题,就是数据我从后台获取到了,然后日常将其赋值到data对象里面一个变量里面因为是一个数组我想在前台遍历然后问题就出现了一直报我 undefined然后我再控制台打印了下显示 _observe_ 百度了说了下这种情况是vue中的一个数据代理什么的不让遍历除非你进行深拷贝再赋值到一个变量里面才可以我试了下JSON.par...

yunchong_zhao

4088人浏览 · 2019-11-25 20:42:08

yunchong_zhao · 2019-11-25 20:42:08 发布

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

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

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

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

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

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

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

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

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

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

2.还有一个问题是

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

</video>

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

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^