Vuejs - 在按钮@click上设置多个变量

Question

我尝试在单击按钮时执行多项操作（使用 Vuetify 框架）：

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

但是好像不对，我报错了：

duplicate attribute: @click.stop

有谁知道如何在Vuejs中正确书写？我可以在@click 上询问多个功能吗？

感谢您的帮助

Answer 1

你可以使用一种方法

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

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

Answer 2

@click.stop可以使用箭头函数:

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

Vuejs - 在按钮@click上设置多个变量

Vuejs - Setting multiple variables on button @click

vue.js

vuetify.js