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&nbsp;v-for="(key,i)&nbsp;in&nbsp;date"&nbsp;@click="i===1?func():''">{{&nbsp;key&nbsp;}}</td>

Answer 2

声明下，这是可以用的，也一直在这样用，不知为什么有人有不可以使用！<td v-for="(key,i) in date"&nbsp; @click="i === 1 && func()">&nbsp; {{ key }}</td>

Answer 3

改造一下楼上的回答，需要套一个函数。<td v-for="(key,i) in date"&nbsp; @click="() => i === 1 && func()">&nbsp; {{ key }}</td>

Answer 4

其实也可以都绑定了click事件，具体到click事件里面在去区分i==1这个情况<tr v-for="date in tableShowData">&nbsp; &nbsp; <td v-for="(key,i) in date" @click="clickHandler(i)">{{ key }}</td></tr>...clickHandler(i) {&nbsp; &nbsp; if (i !== 1) {&nbsp; &nbsp; &nbsp; &nbsp; return&nbsp; &nbsp; }&nbsp; &nbsp; // doSomething}