Vue element中select下拉框name和value都传给后台

最近遇到一个小问题select下拉框的value和name都要传递给后台

解决方案如下：

1. 首先写一个chang事件

 <el-select v-model="bpmData.typeCode" placeholder="请选择所属分类类型" clearable @change="majorChange($event)">
<el-option v-for="item in typeArray" :key="item.id" :label="item.name"
               :value="item.value"></el-option>
  </el-select>

2. 在methods方法里面把获取的值赋值给你想要传给后台的值即可

majorChange(val){
    
    
   let result = null;
   result = _.find(this.typeArray, function(item) {
    
    
     return item.value == val;
   });
   if(result){
    
    
     this.form.typeText = result.name;
   }
 },

this.typeArray 这个是你的下拉框数组
this.form.typeText 这个是你form表单传给后台的name值

以上就是问题的解决方案，这样就会使下拉框的value和name都传给后台。