el-select 获取选中的整个对象

最新推荐文章于 2025-08-27 18:10:14 发布

原创最新推荐文章于 2025-08-27 18:10:14 发布 · 3.8k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端 #javascript

文章介绍了如何在Vue的ElementUI组件el-select中使用value-key属性绑定整个对象，强调了设置value-key为对象的唯一属性如id的重要性，以及关联的change事件处理。

想要获取el-select选中的整个对象，可以el-option中的value可以直接绑定对象，注意：在el-select标签中需要加value-key属性，且值为item中的一个惟一属性，例如id

<el-select
     v-model="surveyForm.pesticideName"
     value-key="id"
     clearable
     placeholder="请选择"
     @change="pestChange"
 >
     <el-option
          v-for="item in pestOptions"
          :key="item.id"
          :label="item.name"
          :value="item"
      >
      </el-option>
</el-select>