V-autocomplete @blur 没有价值

Question

我想在触发模糊事件时在 v-autocomplete 中获取所选值的值。值 $event.target.value 始终设置为空字符串。我通过拆分 parentElement 的 innerText 找到了一种解决方法：

var value = $event.parentElement.innerText;
value = value ? value.split('\n') : [];

值得注意的是，只有当我在 v-autocomplete 中设置了 multiple 属性时才会发生这种情况：

<template v-slot:item.fieldName="{ item }">
  <v-autocomplete
    multiple
    small-chips
    :value="item.fieldName"
    :items="items"
    color="primary"
    @blur="updateItem(item, $event.target.value, 'fieldName')">
  </v-autocomplete>
</template>

我找不到有关此问题的任何信息。我不应该这样使用这个输入吗？

Answer 1

您是否尝试将它与 v-model 一起使用？这里应该使用双向绑定，所以我们不需要使用 $event.target.value 手动获取项目。

<v-autocomplete
            v-model="values"
            :items="items"
            dense
            chips
            small-chips
            label="Solo"
            multiple
            solo
          ></v-autocomplete>

所以您应该能够直接从 values 字段中获取数据。以供参考： https://github.com/vuetifyjs/vuetify/blob/master/packages/docs/src/examples/v-autocomplete/prop-dense.vue