element ui 表格動態(tài)列顯示空白bug 修復(fù)方法
更新時間：2018年09月04日 17:14:03 作者：zjw0742
今天小編就為大家分享一篇element ui 表格動態(tài)列顯示空白bug 修復(fù)方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
在使用element ui框架進行項目開發(fā)的時候，表格的列是根據(jù)后臺數(shù)據(jù)動態(tài)生成的，但是發(fā)現(xiàn)在列刷新的視乎，會出現(xiàn)表格完全空白，沒有顯示的情況，經(jīng)過自己編寫demo發(fā)現(xiàn)，在增加列的情況下表格正常，但是一旦表格列減少時就會出問題，對element底層代碼進行調(diào)試發(fā)現(xiàn)，在node_modules/element-ui/lib/elementui.common.js 中的一個函數(shù)。
removeColumn: function removeColumn(states, column) {
var _columns = states._columns;
if (_columns) {
_columns.splice(_columns.indexOf(column), 1);
}
這個函數(shù)中_columns是一個數(shù)組，column是一個對象，當(dāng)indexOf匹配不到的時候，返回-1，但是splice函數(shù)會執(zhí)行刪除操作，所以必須加入判斷。
removeColumn: function removeColumn(states, column) {
var _columns = states._columns;
if (_columns.indexOf(column) != -1) {
_columns.splice(_columns.indexOf(column), 1);
}
動態(tài)列問題解決！
以上這篇element ui 表格動態(tài)列顯示空白bug 修復(fù)方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了vue服務(wù)端渲染操作,結(jié)合簡單實例形式分析了vue.js服務(wù)端渲染操作的原理、實現(xiàn)方法及相關(guān)操作注意事項,需要的朋友可以參考下2019-08-08
vue是一套用于構(gòu)建用戶界面的漸進式框架，本文通過實例給大家介紹了vue入門教程適用小白初學(xué)者，非常不錯，具有參考借鑒價值，需要的朋友參考下吧2018-04-04
這篇文章主要介紹了Vue項目webpack打包部署到服務(wù)器的實例詳解的相關(guān)資料,需要的朋友可以參考下2017-07-07
這篇文章主要介紹了vue實現(xiàn)組件之間傳值功能,結(jié)合實例形式分析了vue.js父子組件之間相互傳值常見操作技巧,需要的朋友可以參考下2018-07-07
Print.js一個小的javascript庫,可幫助您從網(wǎng)絡(luò)上打印,這篇文章主要給大家介紹了關(guān)于printJS打印問題匯總以及解決辦法的相關(guān)資料,文中介紹的非常詳細,需要的朋友可以參考下2024-05-05
這篇文章主要介紹了VUE在線調(diào)用阿里Iconfont圖標庫的方法,內(nèi)容是圍繞VUE前端和阿里Iconfont圖標庫展開的，經(jīng)歷了從網(wǎng)站上東拼西湊圖標的時代，大概是15~16年左右我開始解除阿里Iconfont圖標庫，剛開始就只會下載圖標使用，需要的朋友可以參考下2021-10-10
記錄一下踩坑,前幾天從同事手上接手了一個Vue的項目,下面這篇文章主要給大家介紹了關(guān)于VUE項目運行失敗原因及解決辦法的相關(guān)資料,本文以vscode為例,需要的朋友可以參考下2023-06-06
這篇文章主要為大家詳細介紹了vue+canvas繪制時間軸的方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-08-08
這篇文章主要為大家詳細介紹了vue2如何實現(xiàn)點擊預(yù)覽本地的word、excle、pdf文件,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-04-04
Vue項目導(dǎo)入導(dǎo)出文件功能以及導(dǎo)出文件后亂碼問題及解決
這篇文章主要介紹了Vue項目導(dǎo)入導(dǎo)出文件功能以及導(dǎo)出文件后亂碼問題及解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09