vuejs2.0 的v-for取消了$index,现在我该如何替换获取索引额？

Question

问题如题，原来vue1.x可以如下书写：

<el-carousel-item v-for="(item, key, index) in picList" :key="index" >
                <el-button id="carouselBtn" type="text" v-on:click="openDownLoad($index)" >
                    <img :src="item.img" :alt="item.altstring" class="img-responsive">
                </el-button>
 </el-carousel-item>

因为在vue2.x中$index被废弃了，那如果使用vue2.x，我该如何获得当时的index？

直接写index 点击后 为 undefined

求解？

Answer 1

<el-carousel-item v-for="(item,index) in picList" >
                <el-button id="carouselBtn" type="text" v-on:click="openDownLoad(index)" >
                    <img :src="item.img" :alt="item.altstring" class="img-responsive">
                </el-button>
 </el-carousel-item>
 
 methods:{
     fun () {
        openDownLoad (index) {
            console.log(index)
        } 
     }
 }

Answer 2

（item, index）in pcList , index 就是索引，不需要加$

Answer 3

<el-carousel-item v-for="(item, index) in picList" :key="index" >
                <el-button id="carouselBtn" type="text" v-on:click="openDownLoad(index)" >
                    <img :src="item.img" :alt="item.altstring" class="img-responsive">
                </el-button>
 </el-carousel-item>

Answer 4

vue2中就直接就是v-for="(item, index) in picList"，点击事件中直接传入index即可
<el-button id="carouselBtn" type="text" v-on:click="openDownLoad(index)" >

Answer 5

直接openDownLoad(index)就行了啊～

Answer 6

直接传递index就好了，$index是vue 1.0的语法了，早就过时了。

Answer 7

现在是key被删除了。变得可有可无。