vue+element-ui中的table表格從新修改樣式

在使用vue+element-ui開發中遇到表頭樣式從新渲染的問題。 後臺返回的是聚合數組,使用v-for循環渲染。 vue

在渲染的表頭中使用vue自帶的render函數,element-ui中集成了render-header函數,自帶了參數 column,$index。

其中的index可使用v-for循環的時候直接使用:key="index",這樣避免了$index從2開始的問題。 其中也支持svg標籤。也支持相應的邏輯處理。 完成以後的樣式

在處理label文字的時候使用兩個變量來拼接,而後使用函數對數據處理。因此會看到 labelArr = label.split(' \t ')element-ui

在此處記錄,方便之後使用查找。數組

相關文章
相關標籤/搜索