Antd Vue Select组件
既可以输入模糊查询,也可以不输入复制粘贴内容模糊查询,又可以选择
<a-select
show-search
:allowClear="true"
:show-arrow="true"
v-model.trim="testValue"
placeholder="请输入"
:filter-option="true"
@search="handleSearch"
@change="handleChange"
@focus="handleFocus"
notFoundContent="暂无数据"
>
<a-select-option v-for="(item,index) in list" :key="index+item" :value="item">{{item}}</a-select-option>
</a-select>
handleSearch(value){
let inputValueFlag=this.list.some(val=>{
return val===value
})
if(this.testValue){
if(flag&&!inputValueFlag){
this.list.unshift(value)
this.flag=false
}else{
let newList=this.list.filter(val=>{
return val===value
})
this.list=newList
}
}else{
//list刷新一下
}
},
handleChange(value){
//同其余表单的联动筛选
},
handleFocus(){
if(!this.testValue){
this.list=newList//newList为再次赋值初始的list
}
}