el-select选择时获取其中某一条的详细数据

我们在使用elementUI时，经常会有想要在选择时既获取数据的id有想要获取数据的name的时候，可是option的val只能设置一个，那么怎么同时获取el-select的option的多个详细数据呢

<el-select v-model="schedulePlan.productName" filterable @change="changeSelect" value-key="productId">
          <el-option v-for="item  in productList" :key="item.productId" :label="item.productName" :value="item"></el-option>
 </el-select>

在el-option中将value值设置为数组的某一项item,在el-select中使用change事件进行获取，注意（value-key唯一属性必不可少），如果无value-key下拉框数据会全部高亮

//change事件获取选项的具体信息

 changeBus(val){
            this.schedulePlan.productName=val.productName
            this.schedulePlan.productId=val.productId
   }