工作日记:Uncaught (in promise) TypeError: Cannot read properties of undefined (reading ‘XXX‘)

产生原因:

前端需要展示的数据  或  v-model绑定的数据,此时还未从后端读到。

代码如下:

{{address.userName}} {{address.phone}}

address是data中接收后端传来的数据对象,因为请求后端数据是异步的,所以address对象暂为由后端返回,此时为空对象,address.userName还不存在,虽然页面最后会正常展示,但在这之前控制台会先报错。

解决方法:

{{address?.userName}} {{address?.phone}}

{{address?.userName}}:访问属性时前边加上“?”

这样代表,如果无法确定address是否为空,则需要用address?.userName,表示当address有值的时候才去访问userName属性,没有值的时候就不去访问

你可能感兴趣的:(javascript,vue.js,node.js)