Element cascader 级联选择器 点击文字选中

自从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;   
}

  











posted @ 2020-09-08 17:11  张瑞奇  阅读(106)  评论(2编辑  收藏