vue element ui table 隐藏显示的时候会跳一下,明显的抖动 电脑版发表于:2024/9/24 17:13 表格数据由隐藏变为显示的瞬间,页面会有明显抖动的现象。经过一段时间的查找,发现elementui在重新渲染table时td内部的div高度被重新计算了(div高度=table容器高度/行数),进而导致整个table的高度变化,给人的感觉table在抖动。解决的版本就是给td内部的div固定一个高度。该div有自己的class属性.el-table .cell 。重写该属性的样式 ``` // 解决 vue element ui table 隐藏显示的时候会跳一下,明显的抖动 ::v-deep .el-table .cell{height: 20px !important;} ``` 问题得以解决。 **上面那个是做了样式穿透的,如果不做样式穿透这样就可以了** 但是这样的话,加到`<style scoped lang="scss">`这种包含scoped的里边就不行了哦 ``` el-table .cell{ height: 20px !important; } ```