小编Leg*_*ion的帖子

我正在做一个带有 Vuetify 输入字段的业余爱好项目。其中一个字段是带有“多个”道具集的 v-autocomplete 字段。我需要使用 v-model 将此 v-autocomplete 绑定到一个对象。我该怎么做呢？

我试过了：

• 使用 v-slot 覆盖模板。
• 添加项目值和项目文本。这使它正确显示。好的！虽然更新不起作用。不知何故，v-model 使它成为一个字符串数组，而不是保存为对象。像这样：

从列表中添加额外项目之前：https : //i.imgur.com/UCrxCki.png

从列表中添加额外项目后：https : //i.imgur.com/Iwro6DN.png

v-model 列表不再填充具有“动作”和“数量”道具的对象。相反，它使它成为一个字符串列表

代码：

模板中的代码：

<v-layout wrap v-for="(row, index) in rows" :id="index+1 + 'buildorderRow'" v-bind:key="index">
   <v-autocomplete
      v-model="row.actions"                                          
      :items="protoss"
      chips                                            
      item-value="action"
      item-text="action"
      multiple
   >
</v-layout>

绑定到 v-model 的数组：

                    actions: [
                        {
                            action: 'Gateway',
                            amount: 5
                        },
                        {
                            action: 'Pylon',
                            amount: 1
                        },
                    ],

期待

我希望它在保持模型结构的同时向数组添加任何选择。就像读取数组一样。例如，如果我添加一个“Probe”动作，它应该创建它，如下所示。数量也可以为空/未定义，甚至完全省略。重要的是它用动作道具推动对象。

{动作：'探测'，数量：1}