自从element-ui更新到2.12之后,级联选择器Cascader只能点击圆圈才能选中。
点击文字 label 没有效果。用习惯了以前点击label直接选中后很不习惯新版本。

一、新增css样式实现点击label选中

.el-cascader-panel .el-radio {
    width: 100%;
    height: 100%;
    z-index: 10;
    position: absolute;
    top: 10px;
    right: 10px;
  }

  .el-cascader-panel .el-radio__input {
    visibility: hidden;
  }
    /* 这个样式针对IE有用,不考虑IE的可以不用管*/
  .el-cascader-panel .el-cascader-node__postfix {
    top: 10px;
  }

二、选中后关闭下拉框

// html
<el-cascader ref="elcascader" @change="changeVal"></el-cascader>
// js
changeVal() {
 this.$refs.elcascader.dropDownVisible = false;   
}

  











相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2021-07-15
  • 2021-10-08
  • 2022-12-23
  • 2021-08-21
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-12-08
  • 2022-12-23
  • 2021-12-22
  • 2022-12-23
相关资源
相似解决方案