el-select的change事件获取对象的多个值

 <el-select v-model="userManageForm.roleName" placeholder="请选择角色名称" @change="roleChanged">
     <el-option
         v-for="item in roleList"
         :key="item.roleId"
         :value="item.roleId"
         :label="item.roleName"
      >
      </el-option>
  </el-select>

roleList如下：

"roleList": [
	{"roleId": 1,"roleName": "超级管理员"},
	{"roleId": 2,"roleName": "管理员"},
	{"roleId": 3,"roleName": "用户"}
 ]

 roleChanged(val) {
      var obj = {};
      obj = this.roleList.find(function(item) {
        return item.roleId === val;
      });
      console.log(obj.roleName);
      console.log(val);
    },