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