vue展开收起功能，当目前显示的最后一行已完全展示，虽然后面还有数据但怎么不显示省略号？

vue展开收起功能，当目前显示的最后一行已完全展示，虽然后面还有数据但怎么不显示省略号？

目前实现了这样的展开收起功能，限制红框内的div显示三行，超过三行显示省略号，因为后面还有牙科X光片没有显示，所以此处有省略号

但产品后来提出，第二项胸透的文字已经全部展示了，不想要省略号。如果胸透的文字展示不下了，在收起里面才需要加

求解答

这个就是纯css问题

{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;  //数字表示几行显示，在第一个图片里为2   第二张图片是3，
overflow: hidden;
}

如果展开和收起是js控制就通过js来改变这个数字即可

可以动态添加CSS 样式，使用:style="text-overflow: ellipsis;",点击展示和收起的时候去添加取消样式。

.text{
    width: 280px;
    display: -webkit-box;  //必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。
    word-break: break-all;
    text-overflow: ellipsis; //可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。
    overflow: hidden;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    color: red;
  }