javascript - 自动完成 Vue Js

Question

我尝试在 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'
            }
        },

Answer 1

您不应该使用 v-select 组件。 vuetify 有自己的自动完成组件。 创建 v-autocomplete 并将项目绑定(bind)到您的数据:

 <v-autocomplete
    label="itemList"
    :items="itemList"
 />

这是您的脚本数据:

  data() {
    return {
      itemList: [
        'one', 'two', 'three',
      ],
    };
  }