elementui cascader收起下拉框

 <el-cascader
 ref="cascaderDept"
 @visible-change="changeBgClass
 @change="getDeptNodes"
 :options="optionsDepartment">
 <el--cascader> 1.

1.事件委托
changeBgClass(){

document.querySelectorAll(".el-cascader-panel").forEach(el=>{

   el.onclick=function(e){

     if(e.target.nodeName=="SPAN"){

        if(e.target.previousElentSibling){

            e.target.previousElentSibling.click();

        }

     }

   }

})

}
2.點擊最后一極收起下拉框

 getDeptNodes(){
     this.addclick();
     if(this.$refs.cascaderDept&&this.$refs.cascaderDept.getCheckedNodes().length>0){
     let flag=this.$refs.cascaderDept.getCheckedNodes[0].data.leaf;
     if(flag||(!this.$ref.cascaderDept.getCheckedNode()[0].hasChildren))
       {this. $refs.cascaderDept.dropDownVisible=false;}
     }
 
 
 }