解決使用el-cascader時選擇了某個值后下拉框無法關閉的問題.

在vue項目中使用級聯選擇框的時候遇到了一個問題,當選擇了某個值后,下拉框無法自動隱藏,需點擊下拉框之外的區域才能隱藏.

<el-cascader
        ref="cascader"
        clearable
        placeholder="請選擇區域"
        @change="changeCity"
        :show-all-levels="false"
      >
</el-cascader>

 

 

需要在change事件里面關閉下拉框

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