select组件传递两个参数

本人用的vue做前端，select下拉框的接口返回值是这种格式的

[{code:S01,name:"大奔"},{code:S02,name:"宝马"}]

当我选择大奔后，希望把code和name都保存传递出去，我用的方法就是再写个on-change函数把变化值传出去

<FormItem label="系统名称" label-position="top" prop="jenkinsDevJob">
                                    <Select v-model="applicationData.systemNo" filterable label-in-value="true"
                                            @on-change="getSysCode(($event))"
                                            placeholder="请选择系统">
                                        <Option v-for="sysName in systemNameList" :value="sysName.code"
                                                :label="sysName.code" :key="sysName.code">{{
                                            sysName.name }}
                                        </Option>
                                    </Select>
                                </FormItem>

以上注意select里面有 label-in-value="true"，这个可以确保把label传出去，option里面把label赋值，在方法里面处理label,注意是label不是lable

getSysCode(index) {
                this.applicationData.sysName = index.label;
                console.log(this.applicationData.sysName);
            }