el-select如何同时获取value和label?

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

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


          
            //重点来啦!
          
        


定义变量:

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

方法:

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

你可能感兴趣的:(elementui)