list能查到条数，无详细记录

最新推荐文章于 2022-07-05 23:13:41 发布

肥拽洛

最新推荐文章于 2022-07-05 23:13:41 发布

阅读量257

点赞数

分类专栏：前端文章标签：前端 vue.js

本文链接：https://blog.csdn.net/weixin_51716950/article/details/125280401

版权

前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

博客内容讲述了在前端开发中遇到的一个问题，即数据库手动删除记录后，前端页面仍显示空数据，疑似因缓存导致。解决方案是在前端JS中对接口返回的数据进行过滤，剔除空记录，确保页面展示的准确性。通过修改代码，成功过滤掉空数据，实现了页面的正常显示。

摘要由CSDN通过智能技术生成

这是前端页面所看到的页面

然后查看控制台里返回的数据

因为数据库的数据是手动删除记录的，并没有调用接口删除，在测试的时候就回出现这种情况，在回去查看数据库的时候并没有空记录，也不知道是怎么查到有空记录的，可能是由于缓存的原因，面对这种情况，可以在前端 Js 里面进行数据过滤，把空数据给过滤掉，在调接口时的数据处理如下：

listMeCon(this.queryParams).then(response => {
          this.conList = response.rows.filter(item => {
            if(!item)
              return false
            return true;
          });
          this.total = this.conList.length;
          this.loading = false;
        });

修改完的页面就整成了