Cannot read properties of null (reading 'substr')

报错"Cannot read properties of null (reading 'substr')"表示在读取某个对象的属性时出现了问题，该对象为null，无法执行substr操作。
根据引用和引用的信息，错误出现在模板渲染过程中，具体是在读取对象的属性值时，该对象为null，因此无法执行substring操作。
为了解决这个问题，可以参考引用的建议，在使用substring之前先进行一个if判断，确保能够取到值再进行截取操作。在模板中加入条件判断，如下所示:
<div class="content">
<p class="title fs-30">{{item.title}}</p>
<p class="time fs-18" v-if="item.createTime">{{item.createTime.substring(0, 10)}}</p>
</div>
通过这样的判断，如果item.createTime存在并且不为null，才会执行substring操作，否则不执行。这样可以避免在空对象上执行操作导致的报错。
需要注意的是，这里不能使用v-show来进行条件判断，因为v-show的机制是在加载完成后根据条件判断是否进行显示，而我们需要在读取属性值时就进行判断避免报错。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [Vue--修复报错 Error in render: “TypeError: Cannot read properties of null (reading ‘substring‘)](https://blog.csdn.net/weixin_45406850/article/details/125925840)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]