判断盒子是否显示省略号

问题场景描述:
前几天遇到一个需求,一个非table的类表格结构,实现每项数据显示省略号后鼠标移入显示气泡框popover。于是我用了盒子中scrollWidth和offesetWidth来进行判断,如果盒子显示省略号了,那么这个盒子的scrollWidth一定会比offesetWidth大。因为我遇到的场景的数据是动态渲染的,因此我在拿到数据时,nextTick回调中拿到已经渲染好的页面结构数据,然后进行统一处理,显示了省略号的数据,就自定义字段显示为true。为true就显示popver气泡框。

举例如下:

 

posted @ 2021-06-15 17:31  Godfi  阅读(174)  评论(0编辑  收藏  举报