通过循环实现

效果图

方法一：代码

const newArr = s.data.pro_cat_img
const times = Math.ceil(newArr.length / 8)
for (let i = 0; i < times; i++) {
	if (i * times >= newArr.length) {
		break
	}
	this.category_list.push(newArr.slice(i * 8, (i + 1) * 8))
}
1
2
3
4
5
6
7
8

数据是请求的接口数据，可根据需要换成自己的数据。

方法二：代码

	if (res.code == 0) {
		this.loveKing = [];
		for (let i = 0; i < res.data.length; i = i + 3) {
			let item = res.data;
			let dataArr = [];
			if (item[i]) {
				dataArr.push({
					nickname: item[i].nickname,
					avatar: item[i].avatar,
					userId: item[i].userId,
				})
			}
			if (item[i + 1]) {
				dataArr.push({
					nickname: item[i + 1].nickname,
					avatar: item[i + 1].avatar,
					userId: item[i + 1].userId,
				})
			}
			if (item[i + 2]) {
				dataArr.push({
					nickname: item[i + 2].nickname,
					avatar: item[i + 2].avatar,
					userId: item[i + 2].userId,
				})
			}
			this.loveKing.push(dataArr);							
		}		
	}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

本代码实现的是三个为一组的循环。