element table 表头使用v-if，tab切换和分页切换时出现闪动

74 阅读 0 评论 49 点赞

我是靠谱客的博主玩命烤鸡，这篇文章主要介绍element table 表头使用v-if，tab切换和分页切换时出现闪动，现在分享给大家，希望可以做个参考。

element table 控制表头显示隐藏只能使用v-if，v-show没效果

使用v-if的时候切换时表头数据可能会下掉，出现闪动，分页切换的时候也会出现这个问题

复制代码

1
2
3
4
5
6
  beforeUpdate() {
    this.$nextTick(() => {
      //在数据加载完，重新渲染表格
      this.$refs["table"].doLayout();
    });
  },

表格内容错乱问题

复制代码

1
2
<el-table-column :key="Math.random()"></el-table-column>或者
<el-table-column :key="1"></el-table-column>

以上就是玩命烤鸡最近收集整理的关于element table 表头使用v-if，tab切换和分页切换时出现闪动的全部内容，更多相关element内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。