官网自带的选择最后一节点不会关闭下拉框的
修改如下:props里一定要加上这个参数 checkStrictly:true
<el-cascader
ref="cascaders"
:options="options"
:props="{ checkStrictly: true }"
clearable
@change="handleChange"
>
</el-cascader>
methods:{
handleChange() {
const obj = this.$refs["cascaders"].getCheckedNodes();
// 判断是否是最后一级
!obj[0].hasChildren&&
this.$refs.cascaders.toggleDropDownVisible();
},
}
有不正确的地方,欢迎指出。