How can I retrieve the selected values from a v-autocomplete upon blur event? Currently, the value $event.target.value always returns an empty string. As a workaround, I have been using the following code to split the parentElement's innerText:
var value = $event.parentElement.innerText;
value = value ? value.split('\n') : [];
This issue seems to occur only when the multiple prop is set in v-autocomplete:
<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>
I couldn't find any information on this issue. Is there a correct way to handle input in this scenario?