当我们运行 Vue 项目的时候，报 [Vue warn]: Error in render: “TypeError: Cannot read property ‘stInfoCode’ of null” 的错误
![报 [Vue warn]: Error in render: "TypeError: Cannot read property 'stInfoCode' of null" 的错误](https://www.bmabk.com/wp-content/uploads/2022/05/post-loading.gif)
![报 [Vue warn]: Error in render: "TypeError: Cannot read property 'stInfoCode' of null" 的错误](https://img-blog.csdn.net/20180829171645650?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2x1emhhb3Bhbg==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)
检查 template 模板中后发现所有的用到的变量基本都定义了， 图中的问题是说明用到的 stInfoCode 变量属性为 null ，仔细检查一下代码中用到地方
![报 [Vue warn]: Error in render: "TypeError: Cannot read property 'stInfoCode' of null" 的错误](https://img-blog.csdn.net/20180829180007384?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2x1emhhb3Bhbg==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)
发现 tabInfoArr 的值为 null，因此变量中没有 stInfoCode 的属性值，遍历的生成的 tia 也找不到该值，因此会报错，因此在使用该遍历的时候应该利用 v-if 先判断一下，如果不存在就不加载。如下加了判断的时候，报错就没有了。
![报 [Vue warn]: Error in render: "TypeError: Cannot read property 'stInfoCode' of null" 的错误](https://img-blog.csdn.net/20180829180606665?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2x1emhhb3Bhbg==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/66442.html
