發生錯位的原因:table在數據請求后,渲染異常的問題,解決辦法就是讓table重新布局。
這里官方提供了doLayout方法,來解決重新布局的問題
(不過好像不適合表尾合計的table,我之前初步嘗試過,但是發現有表尾合計行的還是會有點奇怪,所以有表尾合計的暫時放棄了,改用后端合計)
例子:
在請求得到數據的時候,用nextTick對table的DOM重新渲染。
this.$nextTick(() => { this.$refs.multipleTable.doLayout(); // el-table加ref="multipleTable" });
參考鏈接:https://blog.csdn.net/Scott_zt/article/details/106701553