遍历pages后遍历page的疑问
来源:2-8 Vue项目首页 - 图标区域逻辑实现
Aurora_Meteor
2020-05-25 12:20:15

在这里定义的page不是页码么,它不仅仅是一个数字吗?

怎么在这里还可以遍历page这个数字的?pages[page]不才是数组吗?
这个是和下面computed里的那个page无关是么?只是外层遍历pages时传入的数组每一项内容的名字是page(这里这个page是自定义的还是使用的computed里的page呢?),所以下面的page就是pages数组的每一项内容了,因此可以直接对page进行遍历?

2回答
同学你好,问题解答如下:
1、v-for中的page和computed计算中的page没有关系

这里是数组中的每一项,名称可以自定义。
2、computed中的page变量,名称自定义,代表的是索引,之前回复截图中有注释,可以再看一下:

祝学习愉快!
好帮手慕星星
2020-05-25
同学你好,可以输出最后的pages看看结构


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

循环中的每一项page就是我们需要的内容
参考代码解释:

自己可以再测试理解下,祝学习愉快!
相似问题