问题:开启了filterable之后,选择框是允许键盘输入的,但是会对选择列表进行过滤,如果不想使用再次过滤,可以试下下面这个方法。
场景:输入加密前的关键字筛选,选择框显示加密后的数据
说明一:显示的时候使用数据中的name
说明二:过滤的时候使用label
<Select v-model="param.name" filterable :remote-method="remoteGetUnit"
:filter-by-label="true"><Option v-for="(option, index) in list" :value="option.value" :label="option.label" :key="index">{{ option.name }}</Option>
</Select>
data() {return {param: {name: ''},list: []}
},
methed: {remoteGetUnit(query) {this.list = [{name: '猴*',label: '猴子',value: 1},{name: '大*猩',label: '大猩猩',value: 2}]}
}
图片说明:
未过滤的时候
输入过滤值的时候