先取后端数据的长度 然后用长度对每页要展示的数据量取余 能被整出取商 不能被整除取商+1parseInt保证为整数 定义一个数组空数组newarr 然后循环页数 如果是最后一页就用slice取最后剩下的数组,如果不是最后一页就正常取数组,把取到的数组push进定义的空数组内 在HTML中两层for循环newarr
// 造数据
getData () {
let arrData = []
for (let i=0;i<93;i++){
arrData.push({name: `测试${i}`, phone: `电话${i}`})
}
this.setArray(arrData)
},
// c处理数组
setArray (data) {
const len = data.length
const page = len % 5 === 0 ? parseInt(len / 5) : parseInt(len / 5) + 1
// console.log(len, page)
let newArr = []
for (let i = 0; i < page; i++) {
let arr = []
if (i === page - 1) {
arr = data.slice(i * 5, len)
} else {
arr = data.slice(i * 5, (i + 1) * 5)
}
newArr.push(arr)
}
// console.log('list', newArr)
this.prizeList = newArr
}
补充
slice对数组进行截取 slice(start ,end)方法选择从给定的 start 参数开始的元素,并在给定的 end 参数处结束,但不包括。不会改变原始数组
splice向/从数组添加/删除项目,并返回删除的项目。 会改变原始数组。
splice(index,howmany,item,item...)
splice(位置为整数,被删除的个数为0时不删除,向数组添加的新项目