老师这个页面轮换的不怎么懂,可以比较仔细点说明吗

来源: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

同学你好,参考下面代码解释:

http://img.mukewang.com/climg/5f052ace09725ac011400434.jpg

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

http://img.mukewang.com/climg/5f052a6609f7535804840386.jpg

http://img.mukewang.com/climg/5f052a720997bb3005480087.jpg

数组中有两项,分别都是数组,一个数组中有8项,另一个数组中有1项。因为小图标是两行排列,需要去掉一个,所以分为了两组,进行了两次循环。

自己测试理解下,祝学习愉快!

1
hIN树城
h 不判断空数组有影响吗
h020-07-08
共1条回复

好帮手慕星星

2020-07-09

同学你好,需要判断是否为空,为空的时候才初始化为[],否则有值的时候直接放进内容就好。

祝学习愉快!

0

0 学习 · 10739 问题

查看课程