我尝试在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/

10-09 20:34