思路:给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; }