问题描述
需要调整页码的例子:
列表一共有10页数据,用户把第10页数据全部删除后,需要把数据重置成上一页,也就是第9页
不用调整页码的例子:
列表一共有1页数据,用户把本页数据全部删除后,页码依然是第1页无需调整
代码
列表数据删除后,对当前页码进行修正,防止有数据时,因页码错误导致页面显示不出数据
当前页current
为最大页码时进行调整(并且排除掉第一页的情况)
data(){
return {
tableData: [],//数据列表
current: 1,//当前页码
pageSize: 10,//每页条数
total: 0,//总条数
}
},
methods: {服务器托管网
/** 获取列表数据 */
getTableData(){ ... },
/** 删除数据 */
handleDel(){
const ids = [1, 2, 3]//要删除数据的id(当前代码为demo所以是写死的id列表)
const params = { ids }
// 调用删除接口
DelData(params).then((res)=>{
if(res.code==200){
//当前页码(current)大于一页,并且为最服务器托管网后一页时需要重置页码
const maxCurrent = Math.ceil(this.total/this.pageSize)//最大页码
if(
(ids.length == this.tableData.length) &&
(this.current > 1) && //排除第一页
(this.current == maxCurrent) //排除所有中间页
){
this.current -= 1
}
// 页码修正后再获取列表数据
this.getTableData()
}
})
}
}
服务器托管,北京服务器托管,服务器租用 http://www.fwqtg.net
相关推荐: pclpy 可视化点云(多窗口可视化、单窗口多点云可视化)
pclpy 可视化点云(多窗口可视化、单窗口多点云可视化) 一、算法原理 二、代码 三服务器托管网、结果 1.多窗口可视化结果 2.单窗口多点云可视化 四、相关数据 五、问题与解决方案 1.问题 2.解决 一、算法原理 原理看一下代码写的很仔细的。。目前在同一…