antd tree 树形控件 节点标题名称 没有时 无法点击节点?

工作中总是会有一些奇奇怪怪的需求,甚至作为前端的你觉得这样既不合理,又丑的离奇

是这样的,前段时间,我就遇到了这样的需求,tree树形控件,这玩意儿估计众所周知、家喻户晓了已经,已经成为基本技能了

前端会展示后端返回的数据,那么问题是怎么来的呢?问题是这样的,后端返回的数据并不是所有的节点名称都有值,需求的要求就是返回的节点名称即使没有节点名称,也要显示在页面上

嗯……这这这

开干呗那就,没办法了,听产品的

由于我们用的组件是我们根据antd3封装的,代码就不具体在这里面展示了


我就直接讲一下过程

1、起先写的时候,我其实是知道有节点标题名可以点击,没有节点标题名不可以点击,我以为是组件做了限制,这时候会不会有人杠我,不是可以看组件源码嘛?!
No!我们是看不到组件源码的,然后我有在忙table树形数据嵌套子表单复选框联动的问题就给忘记了

2、不得不说我们公司测试还挺专业,他测出来了,哈哈哈哈~        好样的,我改,终究是逃不掉哇


问题分析

onChange、onActive都不触发,onCheck触发,js方面解决不了无从下手,我准备看看css

我就去element下检查元素节点的css样式,果然找到了问题,高度为0,根本没有点到

在浏览器上面修改样式后实现空白标题可以点击,回到代码修改之后,返回页面,仍然不可以点击,离谱吧~就离谱,我点错了项目,搞错了重来,问题解决解决了


解决方法 修改样式 给高度即可点击


下课!!!

此篇文章仅针对我的问题我的bug,水文章水时间,简单记录工作日常用的哈~

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

L6X1999

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值