vue项目 Error in render: “TypeError: Cannot read property ‘0‘ of null“问题的解决方法

 

 分析原因：

出现该种情况的根本原因：
由于vue中存在异步调用，所以在vue的渲染机制中，异步数据先显示初始数据，再显示从后台带回的数据，所以当vue首先执行的时候，menuList里面根本就没有数据，所以前台才会报出 Error in render: "TypeError: Cannot read property ‘0’ of null"的错误，那么解决方法很简单，就是在加载该模块时添加一个判断语句，如果“menuList”为空的时候，就不进行该模块的渲染，更改后代码如下

解决办法：

 主要的更改就是在外层标签中添加了一个v-if的判断语句，当menuList为空时，取消对该模块的渲染，以此来解决 Error in render: “TypeError: Cannot read property ‘0’ of null” 的问题

最后为了方便大家的沟通与交流请加QQ群： 625787746

请进QQ群交流：【IT博客技术分享群①】：https://jq.qq.com/?_wv=1027&k=DceI0140