el-select組件中，獲取所選中的對象。

el-select中當顯示的label與使用的value值不一樣的時候，如何獲取所選中的對象。

html代碼

　　　　<el-select
          v-model="device.outDevice"
          :disabled="disabled"
          placeholder="請選擇內容"
          size="mini"
          style="width:20%;"
          @change="handleSelect"
        >
          <el-option
            v-for="item in outDevice"
            :key="item.id"
            :label="item.deviceName"
            :value="item.deviceId"
          />
      </el-select>

js代碼

<script>
export default {
  data() {
    return {
      device: {
        outDevice: ''
      },
      outDevice: [
        {deviceId：'001'，deviceName：'001'},
        {deviceId：'002'，deviceName：'002'},
        {deviceId：'003'，deviceName：'003'}
    ],
      outData: {},
    }
  },
  methods: {
    handleSelect(val) {
      var obj = this.outDevice
      var hostValue = {}
      obj.forEach((item, index) => {
        const deviceId = item.deviceId
        if (!hostValue[deviceId]) {
          hostValue[deviceId] = {
            item
          }
        }
      })
      this.outData = hostValue[val].item
    }
  }
}
</script>