参考如下代码讲解:

在请求回调里将请求返回的值进行一个赋值操作,如果我们的后台不规范,当数据为空的时候,给前端返回了一个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: []
};