关于前端:element-动态表格新增删除行列闪现问题

景象:

当行产生扭转时;表格先是变高而后迅速还原。
当列产生扭转;表头先是变高而后迅速还原。

起因:

无论是新增行列还是删除行列,vue 都须要从新计算单元格的高度和宽度,而后再从新渲染到页面上。因为这个过程被间接反馈到了页面上,所以导致了 table 产生闪动。

解决:

应用 element 提供的 doLayout 办法
doLayout 对 Table 进行从新布局。当 Table 或其先人元素由暗藏切换为显示时,可能须要调用此办法。

beforeUpdate(){
  this.$nextTick(() => { //在数据加载完,从新渲染表格
    this.$refs['table'].doLayout();
  })
}

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理