当我触发搜索方法更新项目列表时,例如,如果加载3个结果,则在自动完成功能中仅显示第一个结果
仅当项目列表大于100(或多或少)时才显示1个以上结果。
<v-autocomplete
box
v-model="vproveedor"
:items="itemsAnexos"
:loading="isLoading"
:search-input.sync="search"
hide-no-data
hide-selected
item-text="anexDescripcion"
item-value="anexRuc"
label="Proveedor"
placeholder="Busque un proveedor"
return-object
>
</v-autocomplete>
<script>
data: () =>({
itemsAnexos:[],
vproveedor:null,
isLoading: false,
search: null,
}),
watch: {
search(val) {
if(!val) this.itemsAnexos = []
if(!val || this.isLoading || val.length < 3) return
this.isLoading = true
axios.get('anexos',{
params: {
anexDescripcion : val
}})
.then(res => this.itemsAnexos = res.data)
.finally(() => (this.isLoading = false))
console.log(this.itemsAnexos)
},
},
</script>