这是一个对前端不熟悉的人经常遇到的问题
错误信息:属性没定义,读取不到
可能原因:
1. 我这里用的是vue,如果属性没有在vue的data中定义,页面是读取不到的
2. 后端返回过来的数据不匹配,数据经历了数据库-->集合或实体类-->json对象这几个过程,任一过程都可能发生数据丢失。例如:
使用mybatis手动映射时,column和查询语句中字段别名不一致。
ResultMap的property和实体类的属性名不一致。
页面取数据时的属性名与json对象的属性名不一致
3. 空指针异常。需要尤其注意,例如{{class.student.name}}。一定要对student是否为null进行判断,否则当student为null时,也会报错。可以用三元,也可以使用v-if控制
<div v-if="item?.invite">{{ item.invite.nickname }}</div>
<div v-else>{{ "" }}</div>