Javascript 自动完成Vue Js

我尝试在vue js中添加自动完成。但它不能正常工作。加载页面时，选定值“一”显示在v-select标签中，但itemsList不显示在下拉列表中。如何修复它

Select
   <v-select
      v-model="selected"
      :items="itemList"
      :search-input.sync="searchInput"
      autocomplete
   />

---

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

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

---

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

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

---

如果您可以使用第三方插件，请尝试

在模板字段中：

<input
      name="tags-select-mode"
      v-model="selectedOption"
      placeholder="Search"/>

---

如果您可以使用第三方插件，请尝试

在模板字段中：

<input
      name="tags-select-mode"
      v-model="selectedOption"
      placeholder="Search"/>

---

当推荐图书馆或一般第三方产品时，您应披露您与项目的从属关系（或非从属关系）。当推荐图书馆或一般第三方产品时，您应披露您与项目的从属关系（或非从属关系）。

//use this code in mounted 
var input = document.querySelector('input[name=tags-select-mode]'),
tagify = new Tagify(input, {
    mode : "select",
    whitelist: ["first option", "second option", "third option"],
    blacklist: ['foo', 'bar'],
    dropdown: {
        // closeOnSelect: false
    }
})

tagify.on('add', onAddTag)
tagify.DOM.input.addEventListener('focus', onSelectFocus)

function onAddTag(e){
   console.log(e.detail)
}

function onSelectFocus(e){
  console.log(e)
 }