如图,此联级选择器设置为单选,所以用户点击左侧单选框选中后,需要点击其他空白地方才选择框能消失,如果联级选择器在较小的dialog弹窗的表单中,点击其他地方,弹窗和选择器都直接消失了,用户体验非常的不友好,如果是单选的话,所以一旦选中的话,界面就没有必要显示了。想要实现选中立即隐藏这里可以使用this.$refs.[“联级选择器的ref值”].dropDownVisible = false,代码如下:
//el-cascader的change事件,saveOrgTree是联级组件的ref
checkedChange(){
let node = this.refs.saveOrgTree.get