Как сохранить значение элемента в v-automplete в другой переменной? [Vue. js + Vuetify]

Question

Я не знаю, как сохранить значение элемента в переменной в компоненте <v-autocomplete> из Vue. js. Я хочу сохранить его в idLibro.

<template>
    <v-container grid-list-md>
      <v-layout row wrap>
        <v-autocomplete
        :disabled="!isEditing"
        :items="showTitleBooks"
        :filter="customFilter"
        color="white"
        item-text="name"
        item-value="id"
        label="Book"
        >
        </v-autocomplete>
    </v-layout>
  </v-container>
</template>

<script>
export default {
  data() {
    return {
      books: [],
      showTitleBooks: [],
      idLibro: "",
    };
  },
  methods: {
    getBooks() {
      this.$axios
        .get("http://localhost:8080/libros")
        .then(data => {
          this.books = data.data;
          for (const i of this.books) {
            this.showTitleBooks.push({ name: i.titulo, id: i.id_libro });
          }
          console.log(this.books);
        })
        .catch(() => {
          console.log("No hay libros");
        });
    },
};
</script>

Answer 1

<v-autocomplete
  v-model="idLibro"
>
</v-autocomplete>