遍历pages后遍历page的疑问

来源:2-8 Vue项目首页 - 图标区域逻辑实现

Aurora_Meteor

2020-05-25 12:20:15

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

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

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

怎么在这里还可以遍历page这个数字的?pages[page]不才是数组吗?

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

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

写回答

2回答

好帮手慕星星

2020-05-25

同学你好,问题解答如下:

1、v-for中的page和computed计算中的page没有关系

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

这里是数组中的每一项,名称可以自定义。

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

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

祝学习愉快!

0

好帮手慕星星

2020-05-25

同学你好,可以输出最后的pages看看结构

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

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

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

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

循环中的每一项page就是我们需要的内容

参考代码解释:

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

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

0
hurora_Meteor
h 我知道pages里是什么样子的...我问的重点是,上面标签里遍历的地方(我问题里的最后一张图),①外层遍历pages里的page和内层遍历的page是不是同一个东西,②它们两个是否都是pages数组里的每一项,③它们两个是否都是自定义的遍历项的名字。
h020-05-25
共1条回复

0 学习 · 10739 问题

查看课程