学无先后,达者为师

网站首页 编程语言 正文

element 级联下拉菜单 获取value 同时 获取label

作者:该叫什么呢_wz 更新时间: 2021-12-31 编程语言

1、给级联菜单添加 ref 和change事件

 <el-col :xs="24" :sm="22" :md="22" :lg="22" :xl="12">
     <el-form-item label="所属部门" prop='orgdept_code'>
         <el-cascader 
            class="editInput" 
            v-model="drawerUserInfo.orgdept_code" 
            :options="spareTree" 
            :props="multistage" 
            filterable 
            size="small" 
            placeholder="请输入所属部门" 
            clearable 
            ref="cascaderRef" 
            @change="spareTreeChange">
         </el-cascader>
     </el-form-item>
</el-col>

 2、 在事件中获取label 数据

spareTreeChange(value){
    let that = this
    if(value){
        console.log(
            that.$refs.cascaderRef.getCheckedNodes()[0].pathLabels
        )
    }
},

 3、控制台输出

原文链接:https://blog.csdn.net/meixinmeifei__/article/details/122095800

栏目分类
最近更新