近期在开发业务需求过程中,有个小需求用到了级联组件,恰好公司使用的组件库就是elementUI,原本以为只是一个简单级联选择,应该不会有什么问题,但是却发现了一个用户体验问题,虽然不影响正常使用,但是对于用户来讲交互体验确实不太好。下面我简单描述一下问题,当使用级联组件使用单选 + 动态加载时,点击内容文字或者右箭头是可以正常动态加载,触发lazyload方法的,但是点击选中框,不会触发,并且还展示出下一层级联,提示暂无数据,这种情况对于用户来讲,觉得就是个bug,以下图片就是直接单选和直接点击的效果
解决办法:
这里用的方法是获取dom元素并且触发元素本身的click事件
总结:
这是本人目前唯一能想到在不改源码前提下能够解决的方法了,本人比较菜,各位多担待。如有不对的地方、其他 更好的解决办法、代码可以继续优化的地方,欢迎各位大佬批评、指正哈。