Lastor
@Lastor
說
Fri, Jun 9, 2023 3:47 AM
coding
第一次用 element-ui 做 table，表格有一段欄位數量是動態的，結果這該怎麼做，研究了老半天
Lastor
@Lastor
Fri, Jun 9, 2023 3:48 AM
element-ui 文件範例太少了，根本沒有我這個 case
Lastor
@Lastor
Fri, Jun 9, 2023 3:49 AM
他那個 vue slot 壓根兒沒看懂是要怎麼用，到底是不是我要的
Lastor
@Lastor
Fri, Jun 9, 2023 3:49 AM
對比 ant design 的文件，資訊實在有點少
Lastor
@Lastor
Fri, Jun 9, 2023 3:50 AM
這個原生自己寫的話很簡單的說，就兩個 v-for 就好，資料結構大概是這樣而已
Lastor
@Lastor
Fri, Jun 9, 2023 3:52 AM
Lastor
@Lastor
Fri, Jun 9, 2023 3:53 AM
但是套到 el-table 瞬間不知道 options 那一塊要怎麼處理
Lastor
@Lastor
Fri, Jun 9, 2023 3:53 AM
google 老半天，看到各種方法，最後鍾意的是這個
el-table实现动态列，列数根据接口返回_el-table 动态列_一只小炸毛的博客-CSDN博客
Lastor
@Lastor
Fri, Jun 9, 2023 3:54 AM
有趣的是，目前看到的做法，element-ui 的文件根本都沒有，我覺得這很瞎...... 他們是怎麼知道可以這樣寫的
Lastor
@Lastor
Fri, Jun 9, 2023 3:55 AM
這邊老外的方法有點複雜，最開始是找到這篇，看了看決定另尋他路
Element UI - Table with nested data - How to loop a ...
Lastor
@Lastor
Fri, Jun 9, 2023 3:57 AM
害我有點覺得，套這些 UI 庫，感覺有些 case 都要想辦法 hack 才做得出來。之前弄一些別的需求，也是想了老半天
Lastor
@Lastor
Fri, Jun 9, 2023 3:58 AM
用原生去生 html 反而簡單很多，只是這樣 css 就要自己另外刻了。用這些組件就是希望省下 css 的工啊~~~~
Lastor
@Lastor
Fri, Jun 9, 2023 3:59 AM
話說，這個我也嘗試問過 chatGPT，這種官方文件上沒有的 case，去問 AI 高概率產出來的 code 根本是錯的
Lastor
@Lastor
Fri, Jun 9, 2023 4:00 AM
AI 回的，看起來像是把別人的回答各取一部分拼在一起，因為是拼的，根本不能動啊
Lastor
@Lastor
Fri, Jun 9, 2023 4:06 AM
=========
一定是我跟 Vue slot 不熟，所以文件這一段我無法理解是什麼意思
Lastor
@Lastor
Fri, Jun 9, 2023 4:09 AM
主要是光看文件寫這樣，根本不知道他可以直接塞 children
載入新的回覆
el-table实现动态列，列数根据接口返回_el-table 动态列_一只小炸毛的博客-CSDN博客
一定是我跟 Vue slot 不熟，所以文件這一段我無法理解是什麼意思