天天看点

解决element-ui table 表格排列错位问题

有时候页面切换页签时会发生table表格排列错位,

是因为切换页签时table表格没有重新渲染导致

解决办法:每次切换页签时重新渲染table表格即可解决

// 在table上添加key,每次切换页签时更新key值
<el-table
  :key="tableKey"
  :data="tableData"
</el-table>

// 切换页签方法
handChang() {
  ++this.tableKey
}