Me gustaría obtener el valor de los valores seleccionados en un v-autocompletar cuando se activa el evento de desenfoque. El valor $event.target.value siempre se establece en una cadena vacía. Encontré una solución al dividir el texto interno de parentElement como tal:
var value = $event.parentElement.innerText; value = value ? value.split('\n') : [];Vale la pena señalar que esto solo sucede cuando configuro el accesorio múltiple en v-autocompletar:
<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>No pude encontrar nada relacionado con este tema. ¿No se supone que debo usar esta entrada de esta manera?
¿Intentaste usarlo con un modelo v ? Aquí se debe usar el enlace bidireccional para que no tengamos que obtener manualmente los elementos usando $event.target.value.
<v-autocomplete v-model="values" :items="items" dense chips small-chips label="Solo" multiple solo ></v-autocomplete>Por lo tanto, debería poder obtener los datos directamente desde el campo de valores . Para referencia: https://github.com/vuetifyjs/vuetify/blob/master/packages/docs/src/examples/v-autocomplete/prop-dense.vue