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

  











發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章