在el-table 中動態添加表頭字段時有時候會出現表頭跟下面的數據對應不上的情況,這是因爲在element中el-table的底層原理中,
表頭時一個table,中間數據爲一個table,el-table一共創建了2個table,他們呢之間時通過index進行一一對應的,要想解決需要在
el-table-column的標籤添加唯一標識符key 表示一一對應
<el-table-column
key="desktop"
v-if="showTableList.desktop"
prop="deskNum"
sortable
label="桌面機" width="100">
</el-table-column>
修改前錯誤的數據圖
修改後的數據圖