1.渲染列表模板
<template>
<div v-for="(item,index) in list" :key="index" @click="showName" :data-getname="item.name">
<span>{{item.name}}</span>
</div>
</template>
2.注入模拟数据
data() {
return {
list: [{
name: '小明'
},
{
name: '小王'
},
{
name: '小苏'
}]
}
}
3.声明列表事件
methods: {
showName:function(e){
console.log(e.currentTarget.dataset.getname)
}
}
4.查看效果
效果.png
