美文网首页
Element Cascader 级联选择器 点击文字选中

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

作者: 7coder | 来源:发表于2020-01-16 21:52 被阅读0次

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

    相关文章

      网友评论

          本文标题:Element Cascader 级联选择器 点击文字选中

          本文链接:https://www.haomeiwen.com/subject/zhyqzctx.html