博客

核心：elementui中el-collapse-transition抖动问题

问题：开发过程中，实现过渡效果，使用elementui中el-collapse-transition展开折叠效果时，盒子排版的时候带的有margin/padding之类的样式，会导致下面的内容在过渡完盒子本身高度后产生页面抖动的问题

解决方案：在外层包一层div就好了

.itemInline{
    padding: 20px 24px;
}

.itemInline随便加padding、margin都可以

<el-collapse-transition>
   <div v-show="lookSearch">
      <div class="itemInline">
        内容部分
      </div>
   </div>
</div>