向vuetify vue.js添加弹出模式

我试图在vuetify vue.js中向一个表添加一个弹出模式，但它总是得到第一项的值

问题出现在第四个

上，我正在尝试实现一个弹出模式

它一直只获取列表的第一个元素。我觉得这是一个很容易解决的问题。。这是第四个

，只是为了节省您的时间

Vue模板：

---

})

我可以通过更改每个项目上的

v-dialog

的

v-model

来实现这一点

下面是代码片段，我也创建了一个。

现在，它为项目列表中的每个特定项目设置对话框打开/关闭属性：

<v-dialog v-model="dialog[props.item.equipment]"...

..并且

v-dialog

的“关闭按钮”也必须修改为：

...@click.stop="$set(dialog, props.item.equipment, false)"...

这意味着我还必须将

数据（）中的
对话框
更改为对象：

data() {
  return {
    ...
    dialog: {},
    ...
  }
}


代码片段：


newvue({
el:“应用程序”，
数据（）{
返回{
残疾人士：“，
搜索添加：“，
信息：“omae wa moo shindeiruu”，
对话框：{}，
通知：错误，
听起来：是的，
测试：对，
小部件：错误，
搜索：“，
标题：[
{文本：“设备”，值：“设备”}，
{文本：“位置”，值：“位置”}，
{文本：“数量”，值：“数量”}，
{
文本：“MoreInfo”，
值：“pictureUrl”，
可排序：false，
禁用：false
},
{
文本：“添加或删除”，
值：“addo”，
可排序：false，
残疾人士：对
}
],
校长补充道：[
{文本：“设备”，值：“项目名称”}，
{文本：“位置”，值：“位置”}，
{文本：“数量”，值：“数量”}，
{
文本：“添加或删除”，
值：“addo”，
可排序：false，
残疾人士：对
}
],
项目：[
{
设备：“烧杯”，
地点：“3535房间21号抽屉”，
数量:21，
id:“07f37f”，
图片欧元：https://www.bhphotovideo.com/images/images2500x2500/Photographers_Formulary_09_0095_Glass_Beaker_600ml_231378.jpg"
},
{
装备：“尺子”，
地点：“3535房间10号抽屉”，
数量:7，
id:“08f312”，
图片欧元：https://images-na.ssl-images-amazon.com/images/I/41qUVuXt2AL.jpg"
},
{
设备：“烧瓶”，
地点：“2121室22号抽屉”，
数量:6，
id:“09f37d”，
图片欧元：https://images-na.ssl-images-amazon.com/images/I/316GJIEdJxL._SY445_.jpg"
},
{
装备：“游标卡尺”，
地点：“4125房间21号抽屉”，
数量:12，
id:“07g3hf”，
图片欧元：https://static.grainger.com/rp/s/is/image/Grainger/2ZUF3_AS01?$mdmain$”
}
],
项目编号：[]
};
}
});

未添加的实验室设备
{{props.item.equipment}
{{props.item.location}
{{props.item.qty}
信息
有关“{props.item.equipment}”的详细信息
{{props.item.location}
不
对
去除
添加
型号
来自哪里？这不是可接受的Vue属性。im使用vuetify加载表和模型。我希望这就是您要问的？我指的是
模型
属性。这在Vue中不存在<代码>新Vue（{el:#应用程序“，model:model，
此外，您在Vue对象中引用此
model
道具-此数据来自何处？什么是
model
？您可以为其提供代码吗？噢，我正在使用razor mvc for asp.net，因此我正在传入一个模型并对其进行JSON编码，以便使用Vue.js对其进行操作。这就是我正在做的var model=@Html.Raw（Json.Encode（model）），这就行了吗？你们有Json数据的样本，我可以用来测试吗？
...@click.stop="$set(dialog, props.item.equipment, true)" slot="activator"...

...@click.stop="$set(dialog, props.item.equipment, false)"...

data() {
  return {
    ...
    dialog: {},
    ...
  }
}