element-ui 的表格,列数太长,固定操作列,鼠标移入操作按钮上,显示出下面列的内容,一闪而过

记录一次无语的bug,找了半天代码,最后发现是css写的问题

bug效果如下

 但是我发现element-ui的例子中并没有出现这种问题,,最后一段排查,

发现 我给这个表格加了一个css样式,

 .el-table tr:hover {
    background: none;
 }

鼠标移入行的时候,去掉了tr的背景色,导致后面的内容直接穿透

解决方法:删除这一段css就可以了

原文地址:https://www.cnblogs.com/fyjz/p/15479352.html