v-for 和 事件绑定
问题：handle函数内部 如何知道是哪个li触发的函数
<body>
<div id="app">
<ul>
<li v-for="(item,index) in list" @click="event=>handle(event,item)">
<h1>{{item.title}}</h1>
<h1>{{item.id}}</h1>
</li>
</ul>
</div>
<script>
let app=Vue.createApp({
setup() {
let list=Vue.reactive([
{
title:'苹果',
id:1
},
{
title:'香蕉',
id:2
},
{
title:'米菠萝',
id:3
}
])
const handle=(event,item)=>{
console.log(event,item.id,item.title);
location.href='./9detail.html?title='+item.title;
}
return{
list,
handle
}
}
})
app.mount("#app");//指定vue根模板
</script>
</body>