How to make data change on click Vue

Question

<td> //here i need click button
  <v-btn icon v-for="bank in order.banks" :key="bank.bankIndex">{{bank.tittle}}</v-btn>
</td>


<td> // here it is necessary that only one price of clicked bank appears
  <div v-for="bank in order.banks" :key="bank.value">
    {{bank.currency}} {{bank.value}}
  </div>
</td>

here is part of my code. what i want: when click on the left button there on right side of table will change information. i thought i can do this through data() and v-model just create one object and write inside information about click BUT i have a table with 100+ items and every item need same function.

You say you tried something and it didn't worked. Show the code!! — Michal Levý
– Michal Levý, Commented Oct 10, 2020 at 20:55

Bulent · Accepted Answer · 2020-10-10 21:10:44Z

3

The way to do that is to create a function that will be triggered on button click.

<v-btn icon v-for="bank in order.banks" :key="bank.bankIndex" @click="setNewData(bank)">{{bank.tittle}}</v-btn>

methods: {
  setNewData(bank) {
    // make your changes here...
  }
}

answered Oct 10, 2020 at 21:10

Bulent

3,4411 gold badge19 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to make data change on click Vue

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related