vue中实现文字折叠展开

需求：
默认展示一行，超出一行需支持展开收起
效果：

image.png

      

        
 驳回采购单号：{{ rejectOrderList }} 
        

          {{ isToggle?'收起':'展开' }}
        

      

      
 应还款总金额: {{ totalNum }} 


  

如果要实现收起时文字全部隐藏，展开时文字才展示，样式需改一下

  .isToggle{
    opacity: 0;
    height: 0;
    overflow: hidden;
    transition: all 0.25s ease;
    &.toggle{
      opacity: 1;
      height: auto;
    }
  }