VueJs：如何将当前迭代的项目传递给对话框？

Question

我正在使用vuetify和v-list。

我的目标是对话后删除用户。
但是我不知道将项目传递给对话框的最佳方法是什么。

我的目标是像下面这样传递当前迭代项作为参数。

这是我的代码片段。

<v-btn 
color="green 
darken-1" 
flat 
@click="deleteUser(user.name)">Yes
</v-btn>

https://codepen.io/98mprice/pen/xaQKXZ?editors=1111

Answer 1

在Vue实例上定义方法var roomEntry = new RoomEntry("hpk", "13") { Temperature = "10" }; ，并使用deleteUser(user)方法从特定索引位置的数组中删除项目。

只需在视图模板的v-for中引用其名称即可传递splice变量。

Here，您的代码笔已经过编辑，可以在您单击某项后支持删除。

PS。考虑为每个user添加唯一的id，然后执行仅传递user而不是整个id对象的操作。

编辑：

我建议使用vuejs-dialog之类的第三方库在删除用户之前显示警报。配置库非常简单，只需遵循README。

然后您的user方法可能如下所示：

deleteUser