ElemetUI 问题汇总

`<el-menu>`导航折叠展开卡顿

问题
el-menu在展开子菜单时异常卡顿

原因
<el-icon>的样式font-size使用了18px导致的

解决方法

1
2
3

:deep(.el-icon) {
  font-size: 1em; // 不要用18px,其他大小自己尝试，直到不卡顿
}

`<el-table>`底部滚动条无法拖动问题解决

问题
el-table中的el-table-column提供了一个fixed属性设置固定列，但是设置了之后发现表格的滚动条无法拖动了，

原因
滚动条被固定列生成的元素覆盖了。

解决方法

.el-table {
  .el-table__fixed {
    // 左固定列
    height: auto !important;
    bottom: 18px; // 改为自动高度后，设置与父容器的底部距离，高度会动态改变，值可以设置比滚动条的高度稍微大一些
  }
  .el-table__fixed-right {
    // 右固定列
    height: auto !important;
    bottom: 18px; // 改为自动高度后，设置与父容器的底部距离，高度会动态改变，值可以设置比滚动条的高度稍微大一些
  }
}
.el-table--scrollable-x .el-table__body-wrapper {
  z-index: 1;
}