<template>
<div>
<ul>
<li class="item"
v-for="(item, index) in arrData"
:key="index"
@click="getRowId(item.id)"
>
{{ item.title }}
</li>
</ul>
</div>
</template>
<script>
export default {
data() {
return {
arrData: [
{ id: 1, title: '第一条数据' },
{ id: 2, title: '第二条数据' },
{ id: 3, title: '第三条数据' },
{ id: 4, title: '第四条数据' },
{ id: 5, title: '第五条数据' }
]
};
},
methods: {
getRowId(id) {
console.log('当前被点击的id=' + id);
}
}
};
</script>
<style scoped>
.item {
height: 30px;
line-height: 30px;
text-align: center;
cursor: pointer;
}
</style>
点击各项打印结果: