Vuetify自动完成仅显示第一个结果

时间:2019-07-23 18:38:40

标签: javascript vue.js vuejs2 axios vuetify.js

当我触发搜索方法更新项目列表时,例如,如果加载3个结果,则在自动完成功能中仅显示第一个结果

enter image description here enter image description here

仅当项目列表大于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>

0 个答案:

没有答案