可能导致的原因以及解决方法：

  1. 在父组件中子组件名称没有正确引入：检查组件名称和子组件是否正确定义props以及emit的使用
  2. 在一个空值上去访问属性：可以使用可选链操作符（？）去检查对象是否为空
  3. v-if指令的判断条件为null，导致无法找到对应的属性：使用v-show代替v-if，因为v-show不会造成DOM的变化
  4. v-for指令在数据循环渲染时初始化数据为undefined：判断该值存在才渲染

检查了自己的代码，猜测v-for在循环遍历时这个数据还没有赋值，是一个计算属性。

先判断有值后再进行渲染：
在这里插入图片描述
访问对象属性时吗，使用可选链操作符
在这里插入图片描述

# javascript # 前端 # vue.js # typescript
Logo
GitCode 开源社区

旨在为数千万中国开发者提供一个无缝且高效的云端环境，以支持学习、使用和贡献开源项目。

更多推荐

cover

GitTalk | 使用面向业务的狮偶编程语言提升开发效率

avatar GitCode 开源社区
cover

GitTalk | DevUI Suits 场景解决方案

avatar GitCode 开源社区
cover

GitTalk | DevUI Admin 前端项目构建

avatar GitCode 开源社区