[Vue warn]: Error in render: “TypeError: Cannot read properties of undefined (reading ‘length‘)“

请添加图片描述

‍ 热爱摄影的程序员
‍ 喜欢编码的设计师
擅长设计的剪辑师
‍ 一位高冷无情的编码爱好者
大家好,我是全栈 IT 工程师摘星人
欢迎分享 / 收藏 / 赞 / 在看!

【Bug】在通过数组 monthCourseHours 渲染页面时,加上了 length 做判断,但是却报了错误:

{{ monthCourseHours.length > 0 ? monthCourseHours.after_change : 0}}

[Vue warn]: Error in render: “TypeError: Cannot read properties of undefined (reading ‘length‘)“_第1张图片

[Vue warn]: Error in render: "TypeError: Cannot read properties of undefined (reading 'length')"

【解决】再在length前加一级判断undefined

 {{ totalCourseHours !== undefined && monthCourseHours.length > 0 ? monthCourseHours.after_change : 0}}

[Vue warn]: Error in render: “TypeError: Cannot read properties of undefined (reading ‘length‘)“_第2张图片

如果解决不了,就使用下面的方式:

{{ monthCourseHours && monthCourseHours.after_change ? monthCourseHours.after_change : '0' }}

[Vue warn]: Error in render: “TypeError: Cannot read properties of undefined (reading ‘length‘)“_第3张图片

你可能感兴趣的:(我的BUG人生,vue.js,前端,javascript)