这个问题是,下方有分页,上方有一个ul,第一页的li是满的,第二页只有一条数据,我的请求逻辑是,点分页就向后端发送请求,请求当前页的数据,每一页最多14条,比如这里第一页后台返给我14条数据,第二页返给我1条数据,然后我把第二页的唯一一个数据删了,然后向后台请求数据,就会出现,我传过去的依然是第二页请求,返给我的是空数据,页面上就是白的,这是因为没有做为空判断,应该在当前页最后一个数据被删了,然后往前一页去请求。
点击删除会去调用删除事件deleteList,并请求删除接口deleteEntity,红色框内就是当前页最后一条被删往前一页请求的判断,然后就是分页请求事件。
这里的判断主要是去更改data里的分页参数,totalRecords是一共有多少页,pageSize是一页展示多少条数据,pageNo是当前是第几页。
// 删除这个作品
async deleteList(listId) {
let entityId = listId;
try {
let res = await deleteEntity(entityId);
this.$message.success('删除成功');
const totalPage = Math.ceil((this.totalRecords - 1) / this.pageSize);
// 总页数
this.pageNo = this.pageNo > totalPage ? totalPage : this.pageNo;
this.pageNo = this.pageNo < 1 ? 1 : this.pageNo;
this.init();
} catch (error) {
console.log(error, 'ERROR');
this.$message.error(error.msg || '删除失败,请重试');
}
},