<template>

  <el-select v-model="value" filterable placeholder="请选择" value-key="id" clearable @change='change'>
    <el-option v-for="item in options" :key="item.id" :label="item.dd" :value="item">
        // label="item.dd" 搜索的是拼接好的该字段，当选中某一项，输入框展示的也是该字段
      {{item.phone}}{{item.name}}
    </el-option>
  </el-select>

</template>

<script>
  export default {
    data() {
      return {
        options: [

          {
            id:1,
            name: '张三',
            phone: '15235862421',
            dd:'张三 15235862421'
          },
          {
            id:2,
            name: '李四',
            phone: '15135862421',
            dd:'李四 15135862421'

          },
          {
            id:3,
            name: '王五',
            phone: '18135862421',
            dd:'王五 18135862421'
          },

        ],
        value: ''
      }
    },
    methods:{
      change(){
        console.log(this.value,'value--')
      }
    }
  }

</script>