Setting multiple variables on button @click

Question

I'm trying to do multiple things within button click (using Vuetify framework):

<v-btn flat color="indigo darken-3" 
@click.stop="dialogDelete = true"  
@click.stop="deleteTemporaryId = offer.id">Delete</v-btn>

But it seems wrong, I've got an error:

duplicate attribute: @click.stop

Anyone knows how to write correctly in Vuejs? Can I ask also multiple functions on @click?

Thank you for help

dvnguyen · Accepted Answer · 2018-01-26 13:48:44Z

12

You can use arrow function for @click.stop:

@click.stop="()=>{dialogDelete = true; deleteTemporaryId = offer.id}"

answered Jan 26, 2018 at 13:48

dvnguyen

3,0301 gold badge20 silver badges24 bronze badges

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

3 Comments

tiagojpdias Over a year ago

This should not be encouraged. To this type of things its way better to use a method to handle the logic.

dvnguyen Over a year ago

@tiagojpdias agree. For simple function, it's ok. For complex one, it's better to create a new method.

gileneusz Over a year ago

I will follow the method solution

latovic · Accepted Answer · 2018-01-26 13:48:36Z

7

You can use one method

<v-btn @click.stop="setDeleteDialog(offer.id)"

methods: {
  setDeleteDialog (offerId) {
    this.dialogDelete = true
    this.deleteTemporaryId = offerId
  }
}

answered Jan 26, 2018 at 13:48

latovic

9276 silver badges11 bronze badges

Comments

Jaimerine · Accepted Answer · 2023-05-11 20:14:01Z

1

This is a bit old and perhaps not previously possible, but for anyone landing here now, this can be achieved without an arrow function, i.e.:

@click.stop="dialogDelete = true; deleteTemporaryId = offer.id"

answered May 11, 2023 at 20:14

Jaimerine

3513 silver badges5 bronze badges

Collectives™ on Stack Overflow

Setting multiple variables on button @click

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related