vue.js 在按钮@单击上设置多个变量

ejk8hzay 于 2023-05-18 发布在 Vue.js

关注(0)|答案(3)|浏览(213)

我尝试在按钮点击中做多件事情（使用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

来源：https://stackoverflow.com/questions/48462513/setting-multiple-variables-on-button-click

3条答案

按热度按时间

fcg9iug31#

您可以使用箭头函数来表示@click.stop：

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

赞(0）回复(0）举报 2023-05-18

kxeu7u2r2#

你可以用一种方法

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

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

赞(0）回复(0）举报 2023-05-18

mklgxw1f3#

这是一个有点旧，也许以前不可能，但对于任何人在这里登陆，这可以实现没有箭头功能，即：

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

赞(0）回复(0）举报 2023-05-18

我来回答

vue.js 在按钮@单击上设置多个变量

3条答案

相关问题

热门标签

最新问答