el-table组件，页面刷新后，样式变了

Question

朋友们，使用了el-table组件，进入页面时正常的，但是刷新就变成下面这样，账号那一栏样式就会变，但我没修改高度，如果从别的页面进来，不会乱，在当前页面刷新就会乱。怎么解决呀

<el-table
      :data="tableData"
      style="width: 100%"
      border
      >
        
        <el-table-column label="序号" prop="date" width="150px" align="center">
        </el-table-column>
        <el-table-column label="姓名" prop="name" align="center">
        </el-table-column>
        <el-table-column label="性别" prop="sex" align="center">
        </el-table-column>
        <el-table-column label="出生日期" prop="year" align="center">
        </el-table-column>
        <el-table-column label="用户名" prop="username" align="center">
        </el-table-column>
  
        <el-table-column label="账号" prop="user"  align="center">
        </el-table-column>
        <el-table-column label="手机号" prop="tel"  align="center">
        </el-table-column>
       
        <el-table-column label="所在单位" prop="add"  align="center">
        </el-table-column>
       

      </el-table>

Answer 1

  beforeUpdate() {
    this.$nextTick(() => {
      this.$refs["table"].doLayout();
    });
  },