element中select 获取当前选中对象和下标

描述

问题：element中select 获取当前选中对象 与获取当前下标：

提示：以下是本篇文章正文内容，下面案例可供参考（仅供自己参考）

一、使用步骤

代码如下（示例）：

<!--
 * @Author: DZM
 * @Date: 2021-11-24 18:00:03
 * @LastEditors: 
 * @LastEditTime: 2021-11-24 18:42:48
 * @Description: 
-->
<template>
  <div class="content">
    <el-form :inline="true" label-position="right" :model="formInline" class="demo-form-inline">
      <el-form-item label="获取对象，下标">
        <el-select v-model.trim="formInline.valueId" @change="selectChange($event)">
          <el-option label="全部"
                      value=""></el-option>
          <el-option :label="val.label"
                      :value="val"
                      :key="val.value"
                      v-for="val in selectData"></el-option>
        </el-select>
      </el-form-item>
    </el-form>
  </div>
</template>
<script>
export default {
  data() {
    return {
      selectData: [
        {
          value: '选项1',
          label: '黄金糕'
        }, {
          value: '选项2',
          label: '双皮奶'
        }, {
          value: '选项3',
          label: '蚵仔煎'
        }, {
          value: '选项4',
          label: '龙须面'
        }, {
          value: '选项5',
          label: '北京烤鸭'
        }
      ],
      formInline: {
        valueId: ''
      }
    }
  },
  methods: {
    selectChange(val) {
      this.selectData.forEach((e, ind) => {
        if (e.value == val.value) { 
          console.log(val, ind, '-----------')
        }
      })
    }
  }
}
</script>
<style lang="stylus" rel="stylesheet/stylus">
.demo-form-inline {
  width: 50%;
  margin: 0 auto;
}
</style>

---

总结

暂未找到直接获取index方法，目前只能遍历下