b1cyle (@b1cyleccc) 在 解决 Element UI Table 组件 show-overflow-tooltip 空值时偶现“幽灵” Tooltip 的问题 中发帖
前言: 在使用 Element UI 的 el-table 时,大家都很喜欢用show-overflow-tooltip这个属性,它能在内容过长时自动展示 Tooltip,非常方便。但你有没有遇到过这样一个奇怪的 Bug:当单元格内容为空(null/undefined/空字符串)时,鼠标滑过偶尔还是会弹出一个极短的、空白的 Tooltip?
虽然不影响功能,但看着那个空荡荡的小黑条,对于强迫症来说简直是灾难!今天分享一个简单粗暴的解决方案,一行 CSS 就能完美搞定。
🐛 问题复现
当设置了:show-overflow-tooltip="true",如果后端返回的数据对应的字段为空,Element UI 偶尔会误判内容溢出,或者仅仅是因为捕获到了 hover 事件,导致渲染出一个空的 Tooltip 框。
💡 核心思路
show-overflow-tooltip本质上是依赖鼠标悬停(...