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