2-7简单的组件间传值_v-for传递的值写反导致输出不正确的问题

来源：2-8 简单的组件间传值

目訫

2019-04-18

            <todo-item v-bind:content="item"
                       v-bind:index="index"
                       v-for="(index, item) in list"
                       @delete="handleItemDelete"></todo-item>

老师，如我我将index和item写反，那么将输出下标而不是内容，这是为什么？明明已将在子组件中绑定了item和index的值，也在模板中规定了输出content也就是item的值，为什么输出的是index？

写回答

1回答

慕工程9243709

2019-04-18

已采纳

因为你写反的只是名字，左边是列表项，右边是下标，这个是不会变的，只是你写反之后，你叫做 index 的东西是原来的列表项，你叫做 item 的东西是原来的下标，就好比你左边一杯酒，右边一杯可乐，就算你指着左边那杯说这是可乐，你喝下去的还是酒

目訫

感谢老师和这位同学的解答！

2019-04-19

共4条回复

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

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

10675 学习 · 8191 问题

查看课程

相似问题

组件传值问题

回答 2

非父子组件传值问题

回答 2

如何用父组件里面的方法修改子组件里面p元素的显示隐藏，我这种为什么不可以

回答 1

父子组件间的数据传递

回答 1

子组件获取父组件值得问题

回答 2

打开慕课网App查看更多内容