老师这个页面轮换的不怎么懂,可以比较仔细点说明吗
来源:2-8 Vue项目首页 - 图标区域逻辑实现
LIN树城
2020-07-07 23:52:25
pages () {
const pages=[]
this.iconList.forEach((item,index)=>{
const page=Math.floor(index/8)
if(!pages[page]) {
pages[page]=[]
}
pages[page].push(item)
})
return pages
}
2回答
好帮手慕星星
2020-07-08
同学你好,参考下面代码解释:

可以输出最后的pages看看结构


数组中有两项,分别都是数组,一个数组中有8项,另一个数组中有1项。因为小图标是两行排列,需要去掉一个,所以分为了两组,进行了两次循环。
自己测试理解下,祝学习愉快!
好帮手慕星星
2020-07-09
同学你好,需要判断是否为空,为空的时候才初始化为[],否则有值的时候直接放进内容就好。
祝学习愉快!
相似问题