平时开发中，如果标题超出多行，我们希望出现省略号，并且为其添加简单提示。但是，如果我们在全局写公共class类，行数不好控制。统一加title=xxx，又会出现文本是否超出都会出现title的现象。

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第5天，点击查看活动详情 近期的生活是在是有点太美好了的，让我都觉得像是在做梦，哈哈哈哈哈，幸福的生活，莫过于此，你说是吧，莎老板

文字比较难解释，直接看图应该就懂是要做什么了。 工作中遇到的，需求就是超过四行得有个展开按钮，点击展开显示所有内容，不超过四行的话就不需要这个按钮并显示所有内容。 首先得判断文本自否超过四行，因为这些一般都是是前端异步请求然后后端发送过来，在组长的指导下，使用了 Vue 中的 …

这样的话我只要在mounted中判断这两个高度就知道是不是应该展示展开收起按钮了，后面的点击事件什么的都是浮云，有了思路，那就简单很多了。 其实还有一个小问题，那就是列表中这么多数据，我怎么一个一个的判断呢？其实非常简单，封装成一个组件在组件中的mounted中判断就好了。下面…