使用ElementUI表格时,字段超长的tooltips中白色横线问题
目前在维护一个vue管理系统的项目,客户发现在鼠标hover表格中一个超长字段时发现字段中间有一条白色的横线挡住了,类似下图:
开始的时候看了一下后端传来的值以及前端表格渲染都没发现问题。查询了各种文档和问了一些前辈都没有相关问题的经验,包括CSDN上也没有搜索到相关内容。自己点开控制台看了一下发现是这个tooltips的一个x-arrow样式造成了影响

把他的display属性设置成none之后这个横线就消失啦。但是整个系统中有上百个表格存在,如果一个一个去改的话无疑工作量是十分大的。 所以需要在elementUI.scss中去进行全局修改,找到elementUI.scss中的.el-tooltip__popper[x-placement^='top'] .popper__arrow::after属性添加一个display:none。

这样就全局解决了这个小问题啦!