Как связать два автозаполнения с vuetify? - PullRequest
Новая
       89

Как связать два автозаполнения с vuetify?

0 голосов
/ 21 июня 2020

У меня есть два автозаполнения в моем компоненте, и второй элемент массива автозаполнения зависит от того, есть ли у первого какие-либо данные.

- первый 

          <v-col cols="12" md="1">
        <v-autocomplete
          v-model="cliente.estado"
          :loading="isLoading"
          :search-input.sync="search"
          hide-no-data
          hide-selected
          auto-select-first
          :items="listaEstado"
          item-text="sigla"
          label="Estado"
          return-object
          v-on:change="setEstado"
        ></v-autocomplete>

- второй 

            <v-autocomplete
          v-model="cliente.municipio"
          :loading="isLoading"
          :search-input.sync="searchM"
          hide-no-data
          hide-selected
          auto-select-first
          :items="itemsMunicipio"
          return-object
          item-text="sigla"
          label="Munícipo"
        ></v-autocomplete>

После события изменения мой "itemsMunicipio" получает данные с сервера, но компонент не отображается. Есть какие-нибудь подсказки по этой проблеме?

1 Ответ

0 голосов
/ 22 июня 2020

Решено добавление ленивого тега с моим v-autocomplete. Я также объявил новую переменную для поиска внутри свойства watch. 

            <v-lazy>
          <v-autocomplete
            v-model="cliente.municipio"
            :loading="isLoading"
            :search-input.sync="searchM"
            hide-no-data
            auto-select-first
            :items="itemsMunicipio"
            return-object
            item-text="descricao"
            label="Municipo"
          ></v-autocomplete>
        </v-lazy>
...