element-ui 动态表格组件列数发生变化时表格错位问题

如下图所示，列数是月份的天数，所以选择不同的月份的时候列数是动态绑定的，但是在渲染的时候发现，28天的列变为31天的列时最左侧总会出现错位问题：

在列数变动的地方加一段代码使视图重新渲染即可

pickMonth (val) {
      this.getDays(val)   // 这里使天数发生变化
      // 解决选择月份后表格错位问题
      this.$nextTick(() => {
        this.$refs.table.doLayout()
      })
}

要注意 this.$refs 指定的名字 table 要挂到 <el-table>上

<el-table :data="tableData"
          stripe
          border
          ref="table"
          height="calc(100% - 90px)"
          style="width: 100%">
</el-table>