思路:给div设置固定高度,overflow设置hidden,添加一个隐藏、展示的标识字段,设置一个按钮用来修改该字段值,大概的代码如下:

两个样式:
.hide-box{
    height: 200px; // 要控制的div box高度
    overflow: hidden;
}
.show-box {
    height: auto;
}

// data字段:
isShowBox: false

// 控制div高度的样式 
:class="!isShowBox ? 'hide-box' : 'show-box'"

// 控制div高度的按钮事件
@click="changeShowBox" 

// 事件方法
changeShowBox(){
    this.isShowBox = !this.isShowBox;
}