如何使用 vuetify link 两个自动完成？

Question

我的组件中有两个自动完成项，第二个自动完成数组项取决于第一个有任何数据。

-- 第一

          <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”从服务器接收数据但组件未呈现。这个问题有什么提示吗？

Answer 1

解决了使用我的 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>

如何使用 vuetify link 两个自动完成？

How to link two autocompletes with vuetify?

vue.js

autocomplete

vuetify.js