Cascader 级联选择器设置 严格的遵守父子节点不互相关联(checkStrictly: true),此时每一级都可以选择(选项前会有圆圈可勾选),实现点击选中后下拉框自动收起。
设置监听选择器值变化的时候,把 dropDownVisible 属性设置为 false 即可。
<el-cascader
ref="deptIdCascader"
v-model="updateInfo.deptId"
:props="{checkStrictly: true}">
</el-cascader>
watch: {
"updateInfo.deptId"() {
if (this.$refs.deptIdCascader) {
this.$refs.deptIdCascader.dropDownVisible = false
}
}
}