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

  












免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM