我正在使用vuetify的v-select组件。我正在尝试在下拉菜单中添加搜索栏选项。
有没有内置的方法可以做到这一点。我正在使用vuetify版本1.0.5。
<v-select
:items="users"
attach
item-text='name'
item-value='name'
v-model="association.name"
:rules='nameRule'
label="First Name"
required>
</v-select>
答案 0 :(得分:0)
您将需要添加模板插槽并编写自定义搜索逻辑。我已经为此创建了一支密码笔。请根据您的需要进行更改。
<template v-slot:prepend-item>
<v-list-item>
<v-list-item-content>
<v-text-field v-model="searchTerm" placeholder="Search" @input="searchFruits"></v-text-field>
</v-list-item-content>
</v-list-item>
<v-divider class="mt-2"></v-divider>
</template>
// method
searchFruits (e) {
if (!this.searchTerm) {
this.fruits = this.fruitsCopy;
}
this.fruits = this.fruitsCopy.filter(fruit => {
return fruit.toLowerCase().indexOf(this.searchTerm.toLowerCase()) > -1
})
}
答案 1 :(得分:0)
听起来像您在寻找v-autocomplete
。
Vuetify 1.0.5似乎已经过时(当前版本:1.5.24 / 2.2.20),请尽可能进行更新。