javascript - 如何在Vue js中将模板变量传递给事件处理程序方法

这段代码：

<tbody v-for="contact in contacts">
    <tr v-on:click="selectContact(1)">

在Vue js中运行良好。

但是这个：

<tbody v-for="contact in contacts">
    <tr v-on:click="selectContact({{contact.index}})">

似乎运作不佳。导致错误。那么，如何将环境变量诸如contact.index传递给事件方法呢？

最佳答案

<tbody v-for="contact in contacts">
    <tr v-on:click="selectContact(contact.index)">

或简单地

<tbody v-for="contact in contacts">
    <tr @click="selectContact(contact.index)">

v-on指令将字符串作为表达式求值。您不必插入额外的{{ }}。