ElementUI中获取select的label值和value值

责编:menVScode 2018-12-10 18:46 阅读(711)

代码如下所示:

<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值

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

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

标签: ElementUI select
前端交流群: MVC前端网(menvscode.com)-qq交流群:551903636

邮箱快速注册

忘记密码