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上设置多个变量

2 个答案: