问题

当我们使用vuex数据进行渲染的时候，有概率在渲染数据的时候显示某属性为null，数据是从接口获取的，绝对存在该数据，但是获取出来的时候却会显示报错为null，但是渲染却没有问题

解决方法

添加v-if判断，当user确定有数据时才渲染dom。
ps: v-show不行

原因

当我们从vuex异步获取数据的时候，数据不是立即赋值，而是先声明，而DOM渲染的时候，可以获取到最初定义的user，但是user为一个空对象，user里面的属性暂时未被赋值，这时候读取user对象上的info属性为空值，就会造成报错，但是这个瞬间时很短暂的，所以我们可以看到正常的数据渲染在页面上，但还是会报错，这时候我们在外边添加一层判断，当数据未被赋值的时候，不进行读取数据，这样就可以避免报错。

TypeError: Cannot read property ‘xxx‘ of null（vuex数据)相关推荐

Uncaught TypeError: Cannot read property 'setAttribute' of null
Uncaught TypeError: Cannot read property 'setAttribute' of null 其实就是js中空指针异常 h5splayer.js:1 Uncaught ...
Uncaught TypeError: Cannot read property 'value'' of null
在用JS实现ajax做网页聊天室的时候,报了一个错误: Uncaught TypeError: Cannot read property 'value'' of null at chat (Gluti ...
Uncaught TypeError: Cannot read property 'length' of null错误怎么处理？
Uncaught TypeError: Cannot read property 'length' of null 错误怎么处理? 1.可能是返回的datagrid数据格式有问题,比如{"t ...
(原创)JS点击事件——Uncaught TypeError: Cannot set property 'onclick' of null
html部分代码: JS部分代码: 需要实现的效果:点击图片,来回相互切换. 我开始的错误做法:代码如上图所示(逻辑上看起来是没有错误的) 尝试过程:把JS代码放在</body>闭合标签之 ...
报错，atmSecondMenu.vue?bcc9:231 Uncaught (in promise) TypeError: Cannot read property ‘length‘ of null
问题: atmSecondMenu.vue?bcc9:231 Uncaught (in promise) TypeError: Cannot read property 'length' of nul ...
Error in callback for watcher “value“: “TypeError: Cannot read property ‘repalce‘ of null“
vue空页面value空值问题在页面后台中,输出了Error in callback for watcher "value": "TypeError: Cannot r ...
JS Uncaught TypeError: Cannot read property ‘indexOf‘ of null问题解决
问题描述: Uncaught TypeError: Cannot read property 'indexOf' of null 问题分析: 使用indexOf()的变量为null. 问题解决: 1. ...
关于Error in render: TypeError: Cannot read property '0' of null问题的解决方法
关于Error in render: "TypeError: Cannot read property '0' of null"问题的解决方法 //这里是原生代码块,也就是运行该块 ...
对于Uncaught TypeError: Cannot set property ‘innerHTML‘ of null 的理解
在w3school自学JavaScript时,发现一个很有意思的问题.首先看下面代码: <!DOCTYPE html> <html> <body><h2> ...

TypeError: Cannot read property ‘xxx‘ of null（vuex数据)

问题

解决方法

原因

TypeError: Cannot read property ‘xxx‘ of null（vuex数据)相关推荐

最新文章

热门文章