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
}

Answer 5

谢谢大神 可以用这个办法