<el-select size="mini" v-model="value" @change="handleChange" :disabled="readonly" clearable filterable :filter-method="dataFilter" placeholder="请选择"> <el-option v-for="item in listOne" :key="item.id" :label="item.name" :value="item.id"> </el-option> </el-select> export default { data () { return { listOne: [], listTwo: [], value: '' }; }, methos: { dataFilter (val) { if (val) { // val存在 this.listOne= this.listTwo.filter((item) => { if (!!~item.name.indexOf(val) || !!~item.name.toUpperCase().indexOf(val.toUpperCase())) { return true; } }); } else { // val为空时,还原数组 this.listOne= this.listTwo; } }, } };