如何从JavaScript中的vuetify多重选择v自动完成中选择(复选框)值?

时间:2019-09-12 21:33:04

标签: javascript vuetify.js v-autocomplete

我有一个来自vuetify.js的多选v自动完成组件,这些项目是在多选下拉菜单中使用的数组

defenderantCodeOptions项如下所示

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

我似乎无法弄清楚如何选择ajax调用返回的javascript项目。

<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看起来像这样

enter image description here

1 个答案:

答案 0 :(得分:1)

这是正确的答案。

this.defendantCode = [3, 4]