el-cascader 级联选择器 选择任意一级选项问题

主要就两个问题：

1. 点击圆圈后理想是自动收起下拉，但是他这个也没有
2. 而且只能点击圆圈才能选中，点击文字 label 没有效果

 

解决1：

设置每次监听值变化的时候，把 dropDownVisible 属性设置为 false 即可。

  watch: {
    handlerValue() {
      if (this.$refs.refHandle) {
        this.$refs.refHandle.dropDownVisible = false; //监听值发生变化就关闭它
      }
    }
  },

 

解决2：

// 隐藏级联选择器前面的 选择圈（把它变为100%，透明，覆盖在label上）
.el-cascader-panel{
  .el-radio__inner{
    border: 0px;
    ">transparent;
  }
  .el-radio__input.is-checked .el-radio__inner{
    background:none;
  }
  .el-radio{
    height: 100%;
    width: 150px;
    position: absolute;
    z-index: 10;
  }
}