Elementui Cascader 选择任意一级选项插件,选中最后一级圆圈关闭下拉
页面:
<el-cascader
v-model="areaId"
ref="refHandle"
:options="areaList"
:props="{ checkStrictly: true }"
@change="handleChange"
expand-trigger="hover"
clearable
></el-cascader>
逻辑:
watch:{
areaId:{
handler(newVal, oldVal) {
if (this.$refs.refHandle) {
var children = this.$refs.refHandle.getCheckedNodes();
if(children[0].children.length < 1){ //判断有没有下级
this.$refs.refHandle.dropDownVisible = false; //监听值发生变化就关闭它
}
}
},
}
}
判断值有没有变化,变化切没有下一级,关闭级联选择

浙公网安备 33010602011771号