核心: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>

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐