Я редактирую данные в v-data-table.
<template v-slot:item.name="props">
<v-edit-dialog
:return-value.sync="props.item.name"
large
@save="save"
@cancel="cancel"
@open="open"
@close="close"
> {{ props.item.name }}
<template v-slot:input>
<v-select
v-model="props.item.name"
:items="dessertsOptions"
></v-select>
</template>
</v-edit-dialog>
</template>
Когда я выбираю значение в v-select, оно изменяется, но когда я нажимаю ENTER, оно очищается. Если я нажимаю кнопку «Сохранить», это работает.
Здесь ссылка на кодовый указатель
Вам необходимо щелкнуть в столбце «Десерты», чтобы выбрать значение из списка выбора, и нажать клавишу ВВОД. Поле будет очищено.
Как я могу это исправить?