如何使用 vuetify link 两个自动完成?
How to link two autocompletes with vuetify?
我的组件中有两个自动完成项,第二个自动完成数组项取决于第一个有任何数据。
-- 第一
<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”从服务器接收数据但组件未呈现。
这个问题有什么提示吗?
解决了使用我的 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>
我的组件中有两个自动完成项,第二个自动完成数组项取决于第一个有任何数据。
-- 第一
<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”从服务器接收数据但组件未呈现。 这个问题有什么提示吗?
解决了使用我的 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>