<el-select v-model="jobName" placeholder="职位" clearable >
<el-option v-for="item in jobNameOptions" :key="item.jobCode" :label="item.jobName"
:value="item.jobCode" >
</el-option>
</el-select>
从接口取到值以后,展示的是jobName,而v-model里面绑定的传值的实则是jobCode。
现在希望在向后端传递的时候,既要传code,也要传name。
所以为他绑定一个change事件。
changejobName(val){
console.log('val:',val);
let obj={}
obj = this.jobNameOptions.find((item) => { // 这里的provincelist就是上面省的数据
return item.jobCode === val // 筛选出匹配数据,这里的id是接口数据中的每一项的id
})
console.log('obj',obj) // 这个obj里面就是你想要的select中对应的数据
this.jobObj=obj
}
在data中定义了jobObj,相当于把这个对象保存下来了,于是可以在传值的时候,取出来。
submitForm: function() {
let that = this
addCheckConf({
jobCode:this