Vue dynamically binds the click method according to the index

<tr v-for="date in tableShowData">
  <td v-for="(key,i) in date" >{{ key }}</td>
</tr>

how to ignore binding

when binding a click method and other indexes according to the subscript iComple1.

Javascript node.js
Mar.05,2021
Under the

statement, this can be used, and it has been used this way all the time. I don't know why someone can't use it! 

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

to modify the answer upstairs, you need to set a function. 

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

in fact, all of them can be bound with click events. In particular, the click event distinguishes the situation of iSuppli events

. 
<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
}

you can do this 

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

Thank you God can use this method

Previous: Vue-cli (3.0.0-beta.6) uses yarn serve to report an error after creating a project

Next: How to realize the responsive website of multi-page application, what is the good plan, (building tool + framework)

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu