如果你需要从 el-select 组件中获取选中的 label 值,可以通过以下几种方法实现: 方法一:使用 $refs 获取 你可以给 el-select 组件添加一个 ref 属性,然后在需要获取 label 值的时候,通过 $refs 访问该组件实例,进而获取选中的 label 值。 vue <template> <div> <el-select ref="my...
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" @click.native="labelClick(item.label)"> </el-option> </el-select> labelClick(data){ console.log(data); } 3.通过 $refs 拿到 el-select 组件实例,该实例拥有 selectedLabel 属性,为当前选中...
这样,在handleChange方法中,可以直接访问selected.value和selected.label属性来获取选中的值。 <template> <div> <el-select v-model="selected" @change="handleChange"> <el-option v-for="item in options" :key="item.value" :label="item.label" :value="{value: item.value, label: item.label}"><...
获取正常情况下我们通过el-select获取到的值是value对应的code码,如果需要获取label值可以听过下面方式获取 letsales_name =this.$refs.itemSelect.selectedLabel或者letsales_name =this.$refs.itemSelect.selected.currentLabel// 注意!!!:一定要是在nextTick数据更新后才会有正确的值this.$nextTick(() =>{letsal...
直接把当项值给value,选中后再取item下的id即可。 <el-select v-model="item.mealType" @change="mealChange(item.mealType, index)" placeholder="请选择" > <el-option v-for="item in meallist" :key="item.mealId" :label="item.mealLable" ...
获取值直接拿this.$refs.selectLable.selected.currentLabel 这步操作一般在最后一步那里进行,不要在onchange事件那里拿,拿到的是上一次的label,不尽人意。 2.2、多选情况 this.$refs.selectLable.selected.map(v=>v.label)这个样子就能拿到label数组的值了。
<el-selectv-model="form.towerDeptName"placeholder="输入文字后选择"clearable @change="towerChange"><el-option v-for="item in towerList":key="item.deptId":label="item.fullName":value="item"//注意这里对应change能获取的值></el-option></el-select>towerChange(e){//获取的值和idthis.form....
要想获取value值很简单,直接提交表单,默认就是获取的value,但是现在还需要获取label的值,该如何获取呢? 思路分析: 给下拉列表添加改变**@change**事件,当option选项改变时触发,根据value值遍历数据源中的name即可。 解决方案: 1.添加<el-select>的@change事件。
简介:VUE element-ui下拉菜单el-select获取label值或value的值 步骤: 举例:select数据格式为: options: [ { value: '1', label: '黄金糕' }, { value: '2', label: '双皮奶' } ] 一:label的获取 1.定义事件 <el-selectv-model="form.receivePaymentCustomerId"placeholder="请选择"size="small"filter...
//select下拉框取lable值const entTypeChange = (val:any) =>{//获取select的方法const itemObj= exam_ent_type.value.find((item:any)=>{returnitem.value ===val; }); console.log(itemObj); console.log(itemObj.label) form.value.areaName=itemObj.label; ...