el-table闪动问题

问题描述

el-table组件,在动态改变table数据,比如新增、删除、重新加载新的数据时,el-table重新渲染新的数据时会有闪动的现象

代码解决

element-ui el-table 动态新增 el-table-column,表格闪现问题的分析与解决
这篇文章解释的很清楚,就是数据变化后,重新计算、重新渲染的过程体现在了页面上,导致有闪烁现象。

  beforeUpdate() {
    // table数据更新后,重新渲染table避免闪动
    this.$nextTick(() => {
      this.$refs['table'].doLayout()
    })
  },

你可能感兴趣的:(#,工作中遇到的坑,前端,elementui,vue.js)