问题
如果删除第最后一页(例如4)的最一条数据之后,页面会显示不正常
原因
如果删除最后一页的最一条数据之后,再发请求,还是求的第4页, 而此时,由于数据已经删除了,所以就找到不到第4 页的数据了。
思路
在删除成功之,去检测一下,是否当前删除的是最后一条数据,如果是,就把页码-1,再发请求
async doDel(id) {
try {
const res = await delEmployee(id)
console.log('delEmployee', res)
// 如果删除第最后一页的最一条数据之后,页面会显示不正常
if (this.employees.length === 1) {
this.page--
if (this.page <= 0) {
this.page = 1
}
}
// 重发请求
this.loadEmployee()
} catch (err) {
console.log('delEmployee', err)
}
},