Ant Design of Vue中给select选择框增加输入功能

Ant Design of Vue中给select选择框增加输入功能
html部分

<a-select allowClear v-model="name"
          show-search
          @search="onChangeSelect"
          @blur="getvalue"
          @select="onSelect"
          >
  <a-select-option :value="item.id" v-for="(item, index) in List" :key="item.id">{{item.name ? item.name : '无'}}</a-select-option>
 </a-select>

js部分

data(){
	return {
	  res: '',
      choose: true,
      isblur: false,
      List: [],
      name: ''
	}
}
methods:{
	onChangeSelect (value) {
	   if (this.choose || this.isblur) {
	     this.res= ''
	   }
	   this.choose = false
	   this.isblur = false
	   if (value) {
	     this.res= value
	   }
	 },
	getvalue () {
	  if (this.res && !this.choose) {
	    this.name = this.res
	  }
	  this.isblur = true
	},
	onSelect (value) {
	  this.choose = true
	  this.name = value
	}
}