一般情況下锨用，遇到表頭錯位丰刊，只需要采用以下方法解決就行了：
watch: {
// tableData是el-table綁定的數(shù)據(jù)
tableData: {
handler() {
this.$nextTick(() => {
// tableRef是el-table綁定的ref屬性值
this.$refs.tableRef.doLayout()
})
},
deep: true,
}
}
<style lang="scss" scoped>
/deep/ .el-table th.gutter {
width: 0px !important;
display: table-cell !important;
}
</style>
至于，為什么要使用nextTick增拥，是因為watch會在updated生命周期函數(shù)之前執(zhí)行啄巧，也就意味著數(shù)據(jù)還未更新，這時候?qū)?Table 進行重新布局,計算會不準確掌栅。
今天開發(fā)的時候秩仆，遇到測試提的一個很奇葩的關(guān)于el-table的缺陷，當我們對屏幕進行了放大之后猾封，原本沒問題的el-table會出現(xiàn)表頭錯位澄耍，也是這樣解決的。
1637228111(1).png
如有錯誤晌缘，歡迎指正逾苫！
