解决vue表格列错位问题

在切换菜单后，或者使用v-if切换tab选项卡的时候，子内容表格的列可能会出现错位问题，官方给出的解决办法是使用doLayout方法,在这里总结了两种方法：
方法1.使用doLayout()

<el-table :data="table" ref="table" >

doLayout方法进行强制重新渲染

this.$nextTick(() => {
    this.$refs.table.doLayout()
})

方法2.给表格的每个列添加一个key值

<el-table-column
              prop="nick"
              label="用户昵称"
              align="left"
              :key="Math.random()"
            >
            </el-table-column>