a***@163.com
a***@163.com
  • 发布:2020-04-21 21:50
  • 更新:2020-04-22 15:45
  • 阅读:4446

uni-app中v-for循环时,如何获取下一循环的数据

分类:uni-app

平时使用v-for时都是遍历数组加载数据,但是我现在有个需要,就是循环时要获取下一循环的数据,不知道如何处理,请高人指点:
具体业务需求是这样的:
数组:
info[
{ "id": "1", "LvName": "新手", "MinMemb": 0 },
{ "id": "2", "LvName": "铜牌", "MinMemb": 5},
{ "id": "3", "LvName": "银牌", "MinMemb": 50},
{ "id": "4", "LvName": "金牌", "MinMemb": 100}
]
通过v-for循环,实现这样的效果:
级别名称 好友人数
新手 0-4
铜牌 5-49
银牌 50-99
金牌 >100
这样通过v-for循环item时,如果不是最后一次循环,那么每次循环时必须获取下一个item的MinMemb值,有什么办法能解决吗,请高人指点

2020-04-21 21:50 负责人:无 分享
已邀请:
白羽

白羽 - 个人开发者

这个需求,可以通过检查第几个$children子元素的id等于当前子元素的id来实现。

但由于你的描述不是十分清楚,所以我也无法给你demo。

建议将问题写详细些,我尝试帮你解决。

口区

口区 -

<view v-for="(item,index) in info" :key="item.id">  
            <block v-if="index<info.length-1">  
                {{item.LvName}} {{item.MinMemb}}-{{info[index+1].MinMemb-1}}  
            </block>  
            <block v-else>  
                {{item.LvName}} >{{item.MinMemb}}  
            </block>  
        </view>

是这个意思不

  • a***@163.com (作者)

    感谢,确实可以,看了你的代码,茅塞顿开,谢谢

    2020-04-23 17:18

该问题目前已经被锁定, 无法添加新回复