element cascader 任意节点选中后项点击事件失效了(已找到原因)

7 篇文章 0 订阅

最近做项目用到了el-cascader 功能,编辑的时候默认选中节点后,下级节点不不出来了.好像是项的点击事件失效了
在这里插入图片描述
后面想到的办法是把点击展开下级改成鼠标移上去显示(expandTrigger:‘hover’)

有没人碰到这个问题,有其它解决方法么?

原因:

  1. 本身官网是点击单选框才选中,点击文字才展开下级功能.
  2. 后面业务要求点击文字也得选中

解决:
通过样式实现点击文字选中功能,从而引起默认选中值后点击事件失效,所以得把该样式去除

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;
  }
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 7
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值