Vue中解决数组在被清空的情况下,页面仍会存在缓存数据的问题

一,情况描述

1.1 点击完成按钮

在这里插入图片描述

1.2 发现该数据没有被清空

在这里插入图片描述

二,问题所在

2.1 查询出来的数组为null

由于使用父子件传输的方式进行传递数据,因为父组件从接口获取数据的时候,当获取到的数据为空,就会变成null。然后将这个null传给了子组件,可能是因为子组件不明白这个null是个什么东东,所以才出现这种问题。

在这里插入图片描述

三,解决方案

3.1 由于是因为子组件不认识这个null,因此,我加了一个判断条件,当父组件从接口中获取不到数据的时候,那我就给子组件传一个空数组即可 [ ]

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/daotiao0199/article/details/83902280