vue 下拉框选择获取对应值的整个数据

vue 下拉框选择获取对应值的整个数据

使用find函数来进行对应id数据的查找
find函数是用于在数组中查询对象的功能，该函数是用于在数组中查找一个满足制定条件的一个对象，如果没有则返回undefined。

<el-form-item label="等级:" prop="titleLevelId">
  <el-select
    v-model="data.form.titleLevelId"
    class="m-2"
    placeholder="请选择"
    @change="LevelChange"
  >
    <el-option
      v-for="item in data.grade"
      :key="item.id"
      :label="item.titleLevelName"
      :value="item.id"
    />
  </el-select>
</el-form-item>

 LevelChange(val){
   var obj={}
   obj= data.grade.find(function(i){
     return i.id ===val
   });
   console.log(obj);//在change中获取到整条对象数据
 },