el-select change同时获取value和label值

//默认change可传:value="dict.nickName"值
<el-form-item label="工号" prop="jobNumber">
    <el-select v-model="form.jobNumber" placeholder="请选择工号" style="width: 210px;" @change="jobNumberChange">
        <el-option v-for="dict in listUser" :key="dict.userName" :label="dict.nickName" :value="dict.nickName" />
    </el-select>
</el-form-item>

方法1

event传来的数据
jobNumberChange(event) {
        let obj = {};
        //listuser为遍历的数据源
        obj = this.listUser.find((user) => {
          return user.nickName === event ////筛选出匹配数据
        });
        //获取数据源的数据
        console.log(obj.userName);
        console.log(obj.nickName);
      },

方法2

//注意符号，这样传过去的数据为组合数据
:value="`${dict.nickName}-${dict.userName}`"

在获取的时候

let [lable,vaue] = this.selectValue.split('-') // es6 数组解构赋值