1、问题描述
父级列表页，将列表项做成自定义组件ItemList，监听子组件的click事件，获取当前子组件实例所在数组的索引值。
发现前10个子组件实例触发click时，console.log能正确输出该组件所在数组的索引值，但是后续的子组件实例触发click时输出的并非该组件所在数组的索引值。
下面是控制台打印的内容：
image
2、代码如下：
父级：
<ItemList :key='index' v-for='(fund_item,index) in fund_items' :fund_item='fund_item' :index='index' :name='name'></ItemList>
子组件：
<template> <div class="tr" @click='ellipsi'> <div class="date">{{fund_item.date}}</div> </div> </template> <script> export default { props: ['fund_item','index','name'], methods: { ellipsi(){ this.ellipsis = !this.ellipsis console.log("this.index",this.index) } } } </script>
3、问题解决
这个问题出现的原因是mpvue版本的问题，需要将版本更新到最新版本，mpvue版本升级可以参考下面的博客。
