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

👨🏻‍💻 热爱摄影的程序员
👨🏻‍🎨 喜欢编码的设计师
🧕🏻 擅长设计的剪辑师
🧑🏻‍🏫 一位高冷无情的编码爱好者
大家好，我是 DevOps 工程师
欢迎分享 / 收藏 / 赞 / 在看！

【问题】在通过数组 monthCourseHours 渲染页面时，加上了 length 做判断，但是却报了错误：

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

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

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

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

如果解决不了，就使用下面的方式：

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