在Vue的v-for指令中,可以通过使用v-bind指令将参数绑定到元素的属性上,然后在函数中通过事件对象来获取这个参数。
具体步骤如下:
<div v-for="item in items" v-bind:data="item" @click="myFunction">
{{ item }}
</div>
methods: {
myFunction(event) {
const item = event.target.getAttribute('data');
console.log(item);
}
}
这样,当点击v-for遍历的元素时,myFunction函数会被调用,并且可以获取到绑定的参数item。
推荐的腾讯云相关产品:腾讯云云服务器(CVM)
腾讯云云服务器(Cloud Virtual Machine,CVM)是腾讯云提供的弹性计算服务,为用户提供可扩展的云端计算能力。您可以根据业务需求选择不同配置的云服务器实例,支持多种操作系统,提供高性能的计算、存储和网络能力。
产品介绍链接地址:腾讯云云服务器
腾讯云存储专题直播
小程序云开发官方直播课(应用开发实战)
云+社区技术沙龙[第22期]
腾讯技术创作特训营第二季第4期
T-Day
云+社区技术沙龙[第29期]
云+社区技术沙龙[第14期]
Elastic 实战工作坊
领取专属 10元无门槛券
手把手带您无忧上云