elementui cascader收起下拉框

<el-cascader
ref="cascaderDept"
@visible-change="changeBgClass"
@change="getDeptNodes"
:options="optionsDepartment">
<el--cascader>
1.事件委托
addclick(){
    document.querySelectorAll("el-cascader-node");
    forEach(el=>{
        el.onclick=function(){
            if(this.firstElementChild){
                this.firstElementChild.click();
            }
        }
    })
}
2.级联选择框（出现下拉框）
changeBgClass(val){
    if(val){
        this.addclick();
    }
}
3.点击最后一极收起下拉框
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;}
    }


}