el-table 動態添加表頭數據,進行動態字段添加問題的解決辦法

在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>

修改前錯誤的數據圖

 

 

 

修改後的數據圖

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章