elementUI table資料顯示效果 二

2022-03-19 15:07:34 字數 589 閱讀 6412

效果圖:

說明:運營成本支出下面存在不確定個子項

資料格式:

裡面還巢狀json陣列物件

思路:1把json陣列物件要顯示的陣列新增到原陣列(8: 2000 => id: value),通過:prop="item.id" item.id是json陣列物件的id,因為原陣列已經新增了id這個屬性,能夠對應顯示資料

**:

api.getrealcost(param).then(r => )

})// 去重得到唯一的list

for (var i = 0; i < this.detailist.length; i++) }}

頁面引用:

:prop=""顯示資料,:label顯示標題

Element UI table排序問題

專案需求 選擇框與 的排序列雙向繫結 選擇器 表頭行 placeholder 請選擇 el option el select ref singletable data tabledata default sort tableattribute.sortmethod sort change chang...

elementUI table選中問題

首先說一下我的問題 table可以翻頁,可以選中,選中之後翻頁回來需要預設勾選已經選中的。解決 首先監聽table的選中狀態,用 select,這樣選中的資料不會被清空,在table翻頁請求之後,用 select 監聽的資料和請求後的資料做對比,如果一樣,this.refs.multipletabl...

如何動態渲染elementUI table的行和列

高階寫在最後 近日專案中遇到這樣乙個需求 需要動態渲染乙個列表的行和列,官網給出的例子大多是列寫死的,行動態生成的,但是如何實現動態渲染行和列呢?後來我查詢了一下實現了該功能,如下我將總結一下然後貼上 talk is cheap,show me the code retained datalist ...