item,key,index 的问题

来源：3-8 Vue中的列表渲染

慕斯7204535

2019-04-01

老师您好，
那个v-for="(item,key,index) of userInfo" 的例子如果我改成(item,index,key),下面差值表达式不变，为什么页面上变量key的位置显示index，index的位置显示key？

{{item}}---{{key}}----{{index}}

Dell---0----name 28---1----age male---2----gender secret---3----salary

写回答

2回答

微虻

2019-06-28

我试了一下，

如果是对象，(item,key,index)里三项顺序就是值、key、索引不变，无论参数用什么代替，(item,index)只写两项时index实际上指的是key；

如果是数组，括号里最多就2项，值和索引，我觉得你说的应该是这种情况

qq_吾_6

2019-04-01

因为这是VUE的固定语法，括号里的参数，VUE会去判断传参数量和顺序，并且按第一个是值，第二个是KEY，第三个是INDEX，就算你随便写，比如v-for="(a,b,c) of userInfo"，这里的a,b,c对应的还是值，KEY,INDEX

会飞的铁蛋

慕斯7204535

应该需要看源码实现了，可能是在参数只有两个的时候第二个参数默认为index

2019-06-06

共2条回复

Vue2.5-2.6-3.0开发去哪儿网App 零基础入门到实战

课程紧跟Vue3版本迭代，企业主流版本Vue2+Vue3全掌握

10730 学习 · 8205 问题

相似问题

回答 1

回答 2

key

回答 1

回答 1

回答 1