问题描述:折叠面板嵌套table 导致展开面板 界面高度跳跃。
解决方案:去除折叠面板展开收缩的过度动画,代码如下:
myclass 是给collapse组件绑定的class
.myclass >>> .collapse-transition { -webkit-transition: 0s height, 0s padding-top, 0s padding-bottom; transition: 0s height, 0s padding-top, 0s padding-bottom; } .myclass >>> .horizontal-collapse-transition { -webkit-transition: 0s width, 0s padding-left, 0s padding-right; transition: 0s width, 0s padding-left, 0s padding-right; } .myclass >>> .horizontal-collapse-transition .el-submenu__title .el-submenu__icon-arrow { -webkit-transition: 0s; transition: 0s; opacity: 0; }