vue 根据索引动态绑定click方法

Question

<tr v-for="date in tableShowData">  <td v-for="(key,i) in date" >{{ key }}</td></tr>怎么根据下标 i==1的时候绑定一个click 方法 其他索引就忽略绑定

Answer 1

可以这样

<td v-for="(key,i) in date" @click="i===1?func():''">{{ key }}</td>

Answer 2

声明下，这是可以用的，也一直在这样用，不知为什么有人有不可以使用！

<td v-for="(key,i) in date"

  @click="i === 1 && func()">

  {{ key }}

</td>

Answer 3

改造一下楼上的回答，需要套一个函数。

<td v-for="(key,i) in date"

  @click="() => i === 1 && func()">

  {{ key }}

</td>

Answer 4

其实也可以都绑定了click事件，具体到click事件里面在去区分i==1这个情况

<tr v-for="date in tableShowData">

    <td v-for="(key,i) in date" @click="clickHandler(i)">{{ key }}</td>

</tr>

...

clickHandler(i) {

    if (i !== 1) {

        return

    }

    // doSomething

}