根据提供的引用内容，报错"TypeError: Cannot
read properties of
null (
reading 'substring')"是因为在渲染模板时，尝试读取一个对象的属性值时，该对象为
null，因此无法执行substring操作。具体来说，在代码中的item.createTime属性为
null，导致无法对其进行substring操作。为了解决这个问题，可以在模板中添加一个条件判断，确保在执行substring操作之前，确保item.createTime不为
null。可以使用v-if指令来实现这一判断，如下所示：
```html
<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>
```
通过添加v-if="item.createTime"的条件判断，只有当item.createTime不为
null时，才会执行substring操作，避免了报错的问题。
#### 引用[.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^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
3万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
