Vue components Cannot read property 'ob' of undefined

最近使用vue重构项目遇到一个问题，困扰了2天点击搜索后页面显示搜索结果，此时调用组件列表列表渲染之后，显示当前列表，再点击清除按钮还原搜索前状态，即图1此时报错如下：Cannot read property ‘ob’ of undefined因为列表组件由另一同事缩写，个人也粗心并没有多看，从头触发排除试着用div方式去循环，发现并没有报错，锁定问题出现在Newslists组件中，最终排查原因

WongRu1

3145人浏览 · 2017-11-28 11:23:44

WongRu1 · 2017-11-28 11:23:44 发布

最近使用vue重构项目遇到一个问题，困扰了2天

这里写图片描述

点击搜索后页面显示搜索结果，此时调用组件列表

这里写图片描述

列表渲染之后，显示当前列表，再点击清除按钮还原搜索前状态，即图1

这里写图片描述

此时报错如下：Cannot read property ‘ob’ of undefined

这里写图片描述

因为列表组件由另一同事缩写，个人也粗心并没有多看，从头触发排除

这里写图片描述

试着用div方式去循环，发现并没有报错，锁定问题出现在Newslists组件中，
最终排查原因并不是数据出错，只是一个简单的data中没有写return!

这里写图片描述

一个简单的return 困扰了很长时间，也找过网上有人所说的主页调用子组件，需要把 list[] 传入组件中，在组件中循环，也试过此方式发现并没有用。

最后总结：开发过程需严谨，开发时间浪费在return上确实有点难受呀！！！

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}$/, //不连续的两位字母// /^