我尝试在vue js中添加自动完成功能。但是它不能正常工作。加载页面时,选择的值“ one”显示在v-select标签中,但下拉列表中未显示itemsList。如何解决?
Select
<v-select
v-model="selected"
:items="itemList"
:search-input.sync="searchInput"
autocomplete
/>
data: function () {
return {
itemList: ['one', 'two'],
searchInput: '',
selected: 'one'
}
},
最佳答案
您不应该使用v-select组件。
vuetify有其自己的自动完成组件。
创建v-autocomplete并将项目绑定到您的数据:
<v-autocomplete
label="itemList"
:items="itemList"
/>
这是您的脚本数据:
data() {
return {
itemList: [
'one', 'two', 'three',
],
};
}
关于javascript - 自动完成Vue Js,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/58591392/