时间戳

首页 > 解决方案 > 如何将特定数组项链接到表单中的字段？

arrays - 如何将特定数组项链接到表单中的字段？

问题描述

我有一个标题为“甜点”的表格。甜点是一个数组：

data: () => ({
    newDesserts: [
        {id: 6, name: 'Coca Cola',
        {id: 1, name: 'Apple'},
        {id: 17, name: 'Cake',
    ],
}),

表单字段如下所示：

v-text-field 
    outlined
></v-text-field>

如何将 id 为 17 的数组项链接到此表单字段？我试过使用

v-text-field 
    outlined
    v-model="newDessert[17].data"
></v-text-field>

其中“数据”代表我想在数据库中添加它的列。然而，到目前为止还没有奏效。

标签： arraysdatabasevue.js

解决方案

您需要数组的索引才能访问它。

您可以使用 搜索索引findIndex。

<v-text-field outlined v-model="newDessert[newDessert.findIndex(obj => obj.id === 17)].name"/>

推荐阅读