elementui select选择器获取选中拿到当前对象

本文介绍: vue element-ui select选择器获取选中拿到当前对象

有时候因为需求等情况，我们需要拿到select选择器选择的整个对象，不光只拿到他的value

当使用element ui 的select选择器选择一个选项时，使用@change事件时只能得到一个Id,想要得到Id对应的对象用到filter进行过滤取到才可以。

<el-select v-model="dataForm.varietyIds" multiple placeholder="请选择"         
  @change="changeVarietyIds">
   <el-option
     v-for="item in options"
     :key="item.id"
     :label="item.name"
     :value="item.id"
   />
 </el-select>
 
 changeVarietyIds(val) {
   this.$forceUpdate()
   let newList = []
   val.map(v => {
     const list = this.options.filter(item => {
       return item.id === v
     })
     let obj = list[0]
     newList.push(obj)
   })
 },

<el-select
  value-key="id"
  @change="searchSelect"
  v-model="addRuleform.diseaseCode"
  placeholder="请选择"
  clearable>

    <el-option
      v-for="item in options"
      key="item.id"
      :label="item.name"
      :value="item">
     </el-option>

</el-select>


//change方法
searchSelect(val){

  console.log("val",val)

},