gpt4 book ai didi

javascript - 如何将参数传递给 Vue @click 事件处理程序

转载 作者:搜寻专家 更新时间:2023-10-30 22:07:19 25 4
gpt4 key购买 nike

我正在使用 Vue.js 创建一个表,我想为传递 contactID 的每一行定义一个 onClick 事件。这是代码:

<tr v-for="item in items" class="static" 
v-bind:class="{'evenRow': item.oddeven=='1', 'oddRow': item.oddeven=='0' }"
@click="addToCount('{item.contactID}')"
>
<td>{{item.contactName}}</td>
<td>{{item.recipient}}</td>
</tr>

单击一行时,它会调用正在运行的 addToCount()。我想将 item.contactID 传递给 addToCount()。有人可以为此建议正确的语法吗?

最佳答案

只需使用普通的 Javascript 表达式,无需 {} 或任何必要的东西:

@click="addToCount(item.contactID)"

如果您还需要事件对象:

@click="addToCount(item.contactID, $event)"

关于javascript - 如何将参数传递给 Vue @click 事件处理程序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43529516/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com