zoukankan      html  css  js  c++  java
  • Element cascader 级联选择器 点击文字选中

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

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

    .el-cascader-panel .el-radio {
         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;   
    }
    

      











  • 相关阅读:
    spi详解
    spi协议
    C语言break,return
    通信协议
    传输层
    网络层
    数据链路层
    物理层
    无线通信
    cpu设计过程
  • 原文地址:https://www.cnblogs.com/zhangruiqi/p/13633755.html
Copyright © 2011-2022 走看看