el-table 发生行列错位处理方式

最新推荐文章于 2024-09-25 11:40:45 发布

潇雷

最新推荐文章于 2024-09-25 11:40:45 发布

阅读量1.9k

点赞数

分类专栏：前端文章标签： vue.js elementui

本文链接：https://blog.csdn.net/qq_42184068/article/details/127960050

版权

前端专栏收录该内容

6 篇文章 0 订阅

订阅专栏

在这里插入图片描述

一、使用 doLayout 方式（官方推荐）

在这里插入图片描述

      <el-table
        id="excel"
        ref="planTableRef"
        :row-class-name="tableRowClassName"
        :data="plans"
        class="pointer"
        height="90%"
        :span-method="arraySpanMethod"
        style="width: 100%"
      >

  watch:{
    "plans":{
      handler(){
        this.$nextTick(() =>{
          this.$refs.planTableRef.doLayout()
        });
      },
      deep: true
    }
  },

监听 data 的数据，然后调用这个方法即可