ввод автозаполнения vue, который принимает массив объектов

#arrays #vue.js #object #autocomplete

#массивы #vue.js #объект #автозаполнение

Вопрос:

ввод автозаполнения vue, который принимает массив объектов и просматривает только один атрибут объекта, а значением будет идентификатор Я не смог найти такую библиотеку или код, можете ли вы, ребята, мне помочь.

пример

 <template>
  <autocomplete
    :data="arrayOfObject.firstName   ' '   arrayOfObject.lastName"
    V-Model="selected"
    :value="arrayOfObject.id"
  />
</template>
<script>
export default {
  data() {
    return {
      arrayOfObject: [
        {
          firstName: "example",
          lastName: "example",
          id: "10",
        },
        {
          firstName: "example2",
          lastName: "example2",
          id: "11",
        },
      ],
    };
  },
};
</script>
  

Комментарии:

1. что не так с выводом приведенных выше кодов?

2. Это не вымышленный код. это просто для краткого объяснения вопроса.

3. Я не смог найти библиотеку Vue, которая может принимать объект и выполнять ввод автозаполнения таким образом

4. обычно V-Model="selected" один объект массива привязывается к источнику данных autocomplete . если это так, selected.id будет то, что вам нужно.

5. Не существует компонента автозаполнения, который может принимать такого рода ввод и создавать поле ввода автозаполнения. Мне нужен компонент, который генерирует поле ввода автозаполнения