重庆网站建设公司是什么推广百度百科

在element ui 中 下拉框默认获取下拉框value的值，但是有时候根据 业务需求，我们需要label值也发送给后端，在这提供一下获取value、和label 的方式

1、在给el-option绑定:value值时使用对象的方式，将value和label同时绑定到:value上面

<el-form-item label="分组名称" prop="groupName"><el-select clearable v-model="groupForm.groupName" placeholder="请选择" @change="changeSelect"><el-optionv-for="item in groupList":key="item.groupId":label="item.groupName":value="{ value: item.groupId, label: item.groupName }" />//重点来啦！</el-select></el-form-item>

定义变量：

const groupForm = ref({})
const groupList = reactive([{"groupId": "111388758751313920", "groupName": "语文分组" },{"groupId": "111388690702925824", "groupName": "数学分组" },
])

方法：

//选择分组
function changeSelect(data){
const { value, label } = datagroupForm.value.groupName = labelgroupForm.value.groupId = value
}