在vue项目中使用级联选择框的时候遇到了一个问题,当选择了某个值后,下拉框无法自动隐藏,需点击下拉框之外的区域才能隐藏.
<el-cascader
ref="cascader"
clearable
placeholder="请选择区域"
@change="changeCity"
:show-all-levels="false"
>
</el-cascader>
需要在change事件里面关闭下拉框
changeCity() {
this.$refs.cascader.dropDownVisible = false;
}