element-ui固定表格列之后浮层出现多个
2019-01-02 本文已影响0人
有一个程序媛
固定列之所以能固定,是因为生成了2个表格,一个用来固定,一个用来滚动,但是如果是这个浮层的交互,就会出现2个浮层,一个跟着表格固定,一个跟着表格滚动,有没有大神能解决这个问题的,只出现一个浮层框???

我已经找到解决方法啦
5.6解决的 哈哈
话不多说 ,直接放代码


今天2019.0808 测试终于关闭了我这个bug,解决方法探索了两天
太多太多的实践方案一次又一次被自己否定,网上有个掘金小伙伴分享了一个方法 地址:https://juejin.im/post/5b7e6fb4f265da4369366a2a,看着十分好用,但是我在实现过程中一直遇到了ref挂载不到节点上,该方法,原理可实现,评论区也都是可实现的,但是我这边确实实现不了,不清楚是element-ui版本问题还是什么其他内部写法导致,最终放弃了这个写法
最终解决方案:
话不多说,上代码


引入jQuery操控dom节点,其实出现两层的原因是我们手动触发了这个弹出层,这时候改成自动触发,trigger="click",因为我们系统需要兼容ie9,所以早早引入了jQuery