SOURCE

console 命令行工具 X clear

                    
>
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");