el-select获取选中的value和label（值和id）

彳小闲鱼

已于 2023-06-16 10:10:44 修改

阅读量7.3k

点赞数 6

文章标签： elementui vue.js javascript

于 2022-02-13 23:01:16 首次发布

本文链接：https://blog.csdn.net/Xiao_XianYu_/article/details/122915807

版权


<el-select
  v-model="form.towerDeptName"
  placeholder="输入文字后选择"
  clearable
  @change="towerChange"
>
  <el-option
    v-for="item in towerList"
    :key="item.deptId"
    :label="item.fullName"
    :value="item"//注意这里对应change能获取的值
  ></el-option>
</el-select>

towerChange(e) {//获取的值和id
  this.form.towerDeptId = e.deptId
  this.form.towerDeptName = e.fullName
},