解决使用el-cascader时选择了某个值后下拉框无法关闭的问题.

在vue项目中使用级联选择框的时候遇到了一个问题,当选择了某个值后,下拉框无法自动隐藏,需点击下拉框之外的区域才能隐藏.

<el-cascader
        ref="cascader"
        clearable
        placeholder="请选择区域"
        @change="changeCity"
        :show-all-levels="false"
      >
</el-cascader>

 

 

需要在change事件里面关闭下拉框

changeCity() {
      this.$refs.cascader.dropDownVisible = false;
}