element-ui中获取select的label值和value值

6

element-ui中获取select的label值和value值 代码如下所示: 12345678910<el-form-item label="父菜单&quot…

element-ui中获取select的label值和value值

代码如下所示:

1
2
3
4
5
6
7
8
9
10
<el-form-item label="父菜单" prop="parentName">
    <el-select v-model="labelForm.parentName" placeholder="选择菜单" @change="getParentName">
        <el-option
            v-for="item in oneData"
            :key="item.value"
            :label="item.label"
            :value="item.value">
        </el-option>
    </el-select>
</el-form-item>

获取label值

1
2
3
4
5
6
getParentName(value){
    let obj = this.oneData.find((item)=>{//这里的oneData就是上面遍历的数据源
        return item.value === value;//筛选出匹配数据
    });
    console.log(obj)
},

打印出来的obj是匹配出来的一个对象数据,当然里面不仅仅含有label的值。

作者: huanggr

为您推荐

7

发表评论

电子邮件地址不会被公开。 必填项已用*标注