vue v-for循环数据列表，获取列表当前项的某一项的数据，例如id

在循环v-for语句上定义一个点击事件，传递一个参数

<template>
<div>
<ul v-for="(data,index) in arrData" :key="index"  @click="getDataId(data.id)">
<li>{{data.title}}</li>
</ul>
</div>
</template>
<script>
export default {
data(){
return{
arrData:[
{
id:1,title:'第一条数据'
},
{
id:2,title:'第二条数据'
},
{
id:3,title:'第三条数据'
},
{
id:4,title:'第四条数据'
}
]
}
},
methods:{
getDataId(id){
console.log(id)
},
}
}
</script>
<style>
ul li{
height:30px;
line-height:30px;
}
</style>

点击各项打印结果：