时间戳

首页 > 解决方案 > [Vue 警告]：渲染错误：“TypeError：无法读取属性 'xxx' of null”

javascript - [Vue 警告]：渲染错误：“TypeError：无法读取属性 'xxx' of null”

问题描述

我正在使用vue js。

我从created()方法中的axios post 调用中检索一个对象。但是当我想渲染这个对象的属性时，我得到：

[Vue warn]: Error in render: "TypeError: Cannot read property 'xxx' of null"

在模板部分，我显示了对象属性的值

{{ my_object['property_name'] }}

我尝试过使用async await和我的 axios 调用。我还尝试将我的 axios 调用放在beforeCreate()方法中，但它没有改变任何东西。

有人知道问题出在哪里吗？

ps：如果需要，我也可以提供更多信息

标签： javascriptvue.jsobjectaxios

解决方案

初始渲染时的属性不可用，因此您应该使用条件渲染检查其可用性：

<div v-if="my_object">
   {{ my_object['property_name'] }}
</div>

推荐阅读