关于element中联级选择器el-cascader单选,选中复选框联级模态框立即消失

关于element中联级选择器el-cascader单选,选中复选框联级模态框立即消失_第1张图片
如图,此联级选择器设置为单选,所以用户点击左侧单选框选中后,需要点击其他空白地方才选择框能消失,如果联级选择器在较小的dialog弹窗的表单中,点击其他地方,弹窗和选择器都直接消失了,用户体验非常的不友好,如果是单选的话,所以一旦选中的话,界面就没有必要显示了。想要实现选中立即隐藏这里可以使用this.$refs.[“联级选择器的ref值”].dropDownVisble = false,代码如下:

//el-cascader的change事件,saveOrgTree是联级组件的ref
checkedChange(){
	let node = this.refs.saveOrgTree.getCheckedNodes()// 获取选中节点
	this.$refs.saveOrgTree.dropDownVisble = false // 关闭模态框
	...
}

你可能感兴趣的:(Vue,elementUI)