点击li打印它的index
<ul> <li v-for="(item,index) in list" :key="index" @click="handleClick(index)">{{item}}</li> </ul>
handleClick(index) {
console.log(index)
}
事件代理的方式：
给父元素绑定点击事件，给当前元素绑定自定义属性，属性值为下标
<ul @click="handleClick"> <li v-for="(item,index) in list" :key="index" :my-index=‘index‘>{{item}}</li> </ul>
通过e.target.getAttribute()可以获取自定义的标签属性
handleClick(e) {
const index = +e.target.getAttribute(‘my-index‘)
console.log(index)
}
原文：https://www.cnblogs.com/wuqilang/p/14847702.html