平时使用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值,有什么办法能解决吗,请高人指点
a***@163.com
- 发布:2020-04-21 21:50
- 更新:2020-04-22 15:45
- 阅读:4446
白羽 - 个人开发者
这个需求,可以通过检查第几个$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:19