v-autocomplete组件,当用户搜索时,组件会自动过滤数据,但是不要这样,只需要展示出从服务端返回的数据即可
需要将no-filter属性设置成true即可
<v-autocomplete
v-model="username"
:items="usernames"
item-value="external_id"
item-text="name"
:no-filter="true"
@change="usernameChange"
@input.native="usernameInput"
style="width: 240px !important; font-family: arial !important"
class="input-field"
>
<template #item="{ item }">
<span>
{{
item.login_name || item.fullname || item.nickname || item.name
}}
</span>
<span v-if="item.external_id"> ({{ item.external_id }}) </span>
</template>
</v-autocomplete>