console
new Vue({
el: '#app',
data: {
v1:'',
f:'',
options:[
{id:'1',code:'1',name:'A'},
{id:'2',code:'2',name:'B'},
{id:'11',code:'11',name:'C'}]
},
computed: {
myoptions(){
if (this.f){
return this.options.filter(obj=>obj.name.includes(this.f)||obj.code.includes(this.f))
}else{
return this.options
}
}
},
methods: {
filtermethod(val){
this.f=val
}
}
});
<script src="//unpkg.com/vue/dist/vue.js"></script>
<script src="//unpkg.com/element-ui/lib/index.js"></script>
<div id="app">
<template>
<el-select v-model="v1" filterable placeholder="请选择" :filter-method='filtermethod'>
<el-option v-for="item in myoptions" :label="item.name" :value="item.id">
<span style="float: left">{{ item.name }}</span>
<span style="float: right; color: #8492a6; font-size: 13px">{{ item.code }}</span>
</el-option>
</el-select>
</template>
</div>
@import url("//unpkg.com/element-ui/lib/theme-default/index.css");