日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學(xué)無先后,達(dá)者為師

網(wǎng)站首頁 編程語言 正文

element 級聯(lián)下拉菜單 獲取value 同時 獲取label

作者:該叫什么呢_wz 更新時間: 2021-12-31 編程語言

1、給級聯(lián)菜單添加 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?數(shù)據(jù)

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

?3、控制臺輸出

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

欄目分類
最近更新