AntDesign Select控件即可以输入又可以搜索选择

HTML

<a-form-item class="fontls mb24"
                       label="毕业院校"
                       style="width:340px;"
                       :label-col="{ span:6}"
                       :wrapper-col="{ span: 15 ,offset:1 }">
            <a-select show-search
                      :value="value"
                      :autoClearSearchValue="false"
                      placeholder="请选择毕业院校"
                      :default-active-first-option="false"
                      :show-arrow="false"
                      :filter-option="true"
                      :not-found-content="null"
                      @search="handleSearch"
                      @change="handleChange">
              <a-select-option v-for="d in data"
                               :key="d.value">
                {{ d.text }}
              </a-select-option>
            </a-select>
          </a-form-item>

JS

 // 筛选学校
    handleSearch (val) {
      this.value = val;
      fetch(val, data => (this.data = data));
    },
    handleChange1 (val) {
      this.value = val;
      fetch(val, data => (this.data = data));
    },