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项,值和索引,我觉得你说的应该是这种情况

0
0

qq_吾_6

2019-04-01

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

0
2
会飞的铁蛋
回复
慕斯7204535
应该需要看源码实现了,可能是在参数只有两个的时候第二个参数默认为index
2019-06-06
共2条回复

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

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

10675 学习 · 8191 问题

查看课程