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