【ElementUI】Cascader 级联选择器点击选完收起

我们希望选择后收起下拉 官方是没有这个
【ElementUI】Cascader 级联选择器点击选完收起_第1张图片

只需要监听里面的 v-model=“id” 的值


   <el-cascader
            :options="options"
            v-model="areaId"
            ref="refSelect"//记得!!!
            :show-all-levels="false"
            change-on-select
            @change="handleChange"
          ></el-cascader>


watch: {
    areaId() {//  v-model="areaId"
      if (this.$refs.refSelect) { //ref="refHandle"是否存在
        this.$refs.refSelect.dropDownVisible = false; //监听值发生变化就关闭它
      }
    }

就可以实现了

你可能感兴趣的:(elementUi,vue.js)