#工作记录
问题
要在el-table中实现如下功能,文字两行时出现...,并且鼠标移动上去要展示tips
解决思路
主要问题是当省略符号出现时,要允许tips出现。网上的其他人的解决思路是通过创建span标签来获取文字单行宽度,然后比较得出是否出现...
对于超过两行的文本显示省略号,并且显示el-tooltip - 简书 (jianshu.com)https://www.jianshu.com/p/af4e2fb8164a
除此以外,我发现通过比较当前div的scrollHeight和clientHeight也可以判断。
scrollHeight是实际高度,clientHeight是展示区域的高度,当实际高度大于显示区域高度,说明出现了省略号。