javascript - 使用 vuetify 时，在 v-for 循环中使用 v-dialog 会覆盖除最后一个 v-dialog 之外的所有点击事件

Question

我有一个在循环中使用Vuetify 的应用程序。但是，尽管单独的激活器组件在每个中正确呈现，但当我单击其中一个芯片时，无论我单击哪个芯片，它都会发出最后一个单击事件。v-dialogv-forv-dialogv-chip

就好像所有人都在v-dialogs使用相同的点击事件从最后一个提交数据v-chip。

v-dialog为什么单击芯片时没有调用每个对应的单击事件？

演示： https ://codepen.io/deftonez4me/pen/ExyQRxB

标签： javascriptvue.jsvuetify.js

Answer 1

只需在两个地方都使用对象而不是数组并removeTagDialogs[removeTagDialogs.indexOf(tag.id)]用, 替换。removeTagDialogs[tag.id]

看到它工作：https ://codepen.io/andrei-gheorghiu/pen/WNxMyMa