实现金刚区可滑动效果
由于后端返回的数据是
不符合项目需求,所以需要将它转为为二位数组
// 转为二维数组
convertOneDimArray() {
let arr = ['integral', 'kefu-ermai', 'coupon', 'gift', 'scan', 'pause-circle', 'wifi', 'email', 'integral',
'kefu-ermai', 'coupon', 'gift', 'scan', 'pause-circle', 'wifi','kefu-ermai', 'coupon', 'gift', 'scan', 'pause-circle', 'wifi',
'kefu-ermai', 'coupon', 'gift', 'scan', 'pause-circle', 'wifi'
]
const len = arr.length //len为数组的长度
const n = 10 // 假设每行显示4个
const Num = len % n === 0 ? len / n : Math.floor((len / n) + 1) //得出多少份
const res = [] //定义数组接受最终的数据
for (let i = 0; i < Num; i++) {
// slice() 方法返回一个从开始到结束(不包括结束)的数组。且原始数组不会被修改。
const newArr = arr.slice(i * n, i * n + n) //得到每份的数据
res.push(newArr) //往res数组里加数据
}
this.categoryList = res
console.log(this.categoryList)
},