VUE中实现展开、收起操作，动态改变元素高度

一、展开收起功能
要求：课程简介，超过两行就隐藏，并且显示展开按钮；
思路：
1、利用css的属性默认显示2行，我写了一个公共的class（如ellipsis2）

		
.ellipsis2{
   
    // 仅显示2行，多余省略
    overflow: hidden;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
  }

2、然后判断字数，当字数超过40（这个计算不是很准确，不太严谨），就显示展开隐藏按钮，

<template v-if="length > 40">
            <div class="d-fold" @click="foldFun()" v-if="isOpen">收起<img src="../../assets/img/up.png" alt=""></div>
            <div