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

1、下拉框

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

 

2、下拉框事件

1 handleChange(val) { // val代表value值
2    let obj = {}
3    obj = this.roleList.find(item => {
4      return item.id === val
5    })
6 
7    // 获取对应id的lable值
8    console.log(obj.roleName)
9 }