【vue】---- ElementUI 同时获取value和lable值

1、下拉框

<el-form-item key="roleId" label="用户角色" placehoder="全部">
   <el-select v-model="queryForm.roleId" placeholder="请选择" @change="handleChang>
　　   <el-option v-for="item in roleList" :key="item.id" :label="item.roleName" :value="item.id">
      </el-option>
   </el-select>
</el-form-item>

 

2、下拉框事件

handleChange(val) { // val代表value值
   let obj = {}
   obj = this.roleList.find(item => {
     return item.id === val
   })

   // 获取对应id的lable值
   console.log(obj.roleName)
}