欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

TypeError: Cannot read property ‘length‘ of null

程序员文章站 2022-06-07 13:20:09
...

参考如下代码讲解:

在请求回调里将请求返回的值进行一个赋值操作,如果我们的后台不规范,当数据为空的时候,给前端返回了一个null,而不是一个空数组。而且此时可以看到我们在代码中其实是用到了这个值进行了一个判断渲染,null上面怎么会有length属性呢。

所以不妨看一看后台接口返回的是个什么鬼。

<sn-container left="74.3" top="4.25" :show="Boolean(annunciator.data.length)">
        <sn-figure width="1" height="1" :data="yujingredicon.data" :background="true">   </sn-figure>
</sn-container>

components.annunciator = {
  api: {
    url: api + `/warning/info/listNewestMsg`,
    polling: true,
    interval: 33,
    callback: function (ctx, data) {
      ctx.annunciator.data = data;
    }
  },
  data: []
};