Vue使用element 表格时动态渲染数据表头表格出现抖动

场景分析:

因为项目中使用表格的地方比较多,所以就封装了一个表格的组件,表头数据都是动态传入的

问题:

表格在分页切换的时候整个表格(表头+内容)都会出现抖动的情况,类似重新渲染的感觉

看着感觉不是很好,就想着解决一下,发现很多人都遇到这个问题,这里记录一下

beforeUpdate(){
    this.$nextTick(() => { 
        //在数据加载完，重新渲染表格 
        this.$refs.table.doLayout(); 
    }) 
}
//这个方法在官方的文档是可以找到的;