vue 错误 TypeError: Cannot read property 'length' of undefined...

在项目中，有遇到这样一个问题，我在methods中明明可以输出length，在v-if中判断v-if=“hallData.myGameList.length>0 1:0”控制台一直显示总结原因是因为在页面加载的时候，极短的时间内，Ajax的数据还没有回来，所以length就会显示undefined，所以只要在代码中加入v-if="hallData.myGame...

wei-阿么

11203人浏览 · 2018-09-11 17:25:18

wei-阿么 · 2018-09-11 17:25:18 发布

在项目中，有遇到这样一个问题，我在methods中明明可以输出length，

在v-if中判断

v-if=“hallData.myGameList.length>0 1:0”

控制台一直显示

总结原因是因为在页面加载的时候，极短的时间内，Ajax的数据还没有回来，所以length就会显示undefined，

所以只要在代码中加入

v-if="hallData.myGameList!==undefined&&hallData.myGameList.length>0 ? 1 :0"

问题就解决了

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