如何从 Javascript 中的 vuetify 多选 v-autocomplete 中选择（复选框）一个值？答案

【问题标题】：How do I select (checkbox) a value from a vuetify multiselect v-autocomplete in Javascript?如何从 Javascript 中的 vuetify 多选 v-autocomplete 中选择（复选框）一个值？
【发布时间】：2019-09-12 21:33:04
【问题描述】：

我有一个来自 vuetify.js 的多选 v-autocomplete 组件，这些项目是一个数组，用于多选下拉列表

被告代码选项项看起来像这样

{text: "some text", value: 36}

我似乎不知道如何在 javascript 中选择从 ajax 调用返回的项目。

<v-autocomplete 
v-model = "defendantCode"
label = "Defendant Code"
:items = "defendantCodeOptions"
:loading = "defendantCodeIsLoading"
:filter = "customFilter"
clearable
multiple
dense >
</v-autocomplete>

例如。我想从下面这样的 ajax 调用响应中遍历每个项目，并将下拉列表中的每个检查值设置为与服务器值匹配的值。但是下面的这个不起作用！

// returned values from ajax call
what I want is something like this
for (var i = 0; i < all items; i++) {
  // if the value of this item exists in any of the returned values, check it
 }

我希望它使用后面的代码而不是 UI 看起来像这样

【问题讨论】：

v-model 链接到被告代码，所以我猜想设置 this.defendantCode = 3 会做到吗？
在您的 for 循环中，您只是在循环的每次迭代中更改被告代码的值。但是我认为您想要做的是更改下拉菜单中每个项目的值，对吗？
也许您可以提供一个最终状态的示例或屏幕截图？
我再次更新了我的帖子以显示更多详细信息
一个问题 - 如果我只是想从下拉列表中遍历每个项目并将其标记为“已选中”，我该怎么做？

标签： javascript vuetify.js v-autocomplete

【解决方案1】：

这是正确答案。

this.defendantCode = [3, 4]

【讨论】：