首页 > 其他 > 详细

Element cascader 级联选择器 点击文字选中

时间:2020-09-08 21:50:47      阅读:739      评论:0      收藏:0      [点我收藏+]

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

  











Element cascader 级联选择器 点击文字选中

原文:https://www.cnblogs.com/zhangruiqi/p/13633755.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!