最近遇到一个小问题select下拉框的value和name都要传递给后台
解决方案如下:
- 首先写一个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>
- 在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都传给后台。