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

【问题标题】：Vuejs - Setting multiple variables on button @clickVuejs - 在按钮@click上设置多个变量
【发布时间】：2018-07-05 20:40:24
【问题描述】：

我正在尝试在按钮单击中执行多项操作（使用 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上询问多个功能吗？

感谢您的帮助

【问题讨论】：

标签： vue.js vuetify.js

【解决方案1】：

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

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

【讨论】：

不应该鼓励这样做。对于这类事情，最好使用method 来处理逻辑。
@tiagojpdias 同意。对于简单的功能，没关系。对于复杂的，最好创建一个新方法。
我会按照方法解决

【解决方案2】：

你可以使用一种方法

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

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

【讨论】：