Elementui Cascader 选择任意一级选项插件,选中最后一级圆圈关闭下拉

页面:
<el-cascader
                v-model="areaId"
                ref="refHandle"
                :options="areaList"
                :props="{ checkStrictly: true }"
                @change="handleChange"
                expand-trigger="hover"
                clearable
              ></el-cascader>
逻辑:
 watch:{
    areaId:{
      handler(newVal, oldVal) {
        if (this.$refs.refHandle) {
          var children = this.$refs.refHandle.getCheckedNodes();
          if(children[0].children.length < 1){   //判断有没有下级
            this.$refs.refHandle.dropDownVisible = false; //监听值发生变化就关闭它
          }
        }
      },
    }
  }

  判断值有没有变化,变化切没有下一级,关闭级联选择

posted @ 2020-01-08 15:26  随意滴博客  阅读(4615)  评论(0编辑  收藏  举报