【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)
}