Element Cascader 级联选择器 单选操作优化

适用场景

前端:Vue + Element

组件:Cascader 级联选择器

问题:使用 单选选择任意一级选项 使用此属性时 :props="{ checkStrictly: true }"

只能点击radio单选控件有效,点击label文字时无法选中项而操作不方便的情况,

.el-cascader-menu .el-radio {
  display: table;
  vertical-align: middle;
  width: 90%;
  height: 100%;
  position: absolute;
  box-sizing: border-box;
  margin-left:-20px;
  padding-left:10px;
}
.el-cascader-menu .el-radio .el-radio__input {
  display: table-cell;
  vertical-align: middle;
}

 

posted @ 2020-06-03 14:18  jgjg2323  阅读(2416)  评论(0编辑  收藏  举报