【Copy攻城獅日志】"Error: if there's nested dat

褰辯話發布于2019-08-26 13:50 / 3097人閱讀

摘要：工作日，每天起床機械地去上班，周末，每天優哉游哉，好像一個木偶，被生活蹂躪的木偶，意識以外的力量在操縱著的木偶。支持子節點數據異步加載。當然，官方將提供更改鍵值的。本許可協議授權之外的使用權限可以從處獲得。

Created by huqi at 2019-5-18 10:32:30  
Updated by huqi at 2019-5-18 12:32:23

↑開局一張圖，故事全靠編↑

從最新學習d2開源項目說起

有時候，非常非常地迷茫，找不到方向，找不到人生的方向，找不到未來的方向，找不到學習的方向。現在的狀態，猶如一葉扁舟，漂浮著茫茫的大海之上。工作日，每天起床機械地去上班，周末，每天優哉游哉，好像一個木偶，被生活蹂躪的木偶，意識以外的力量在操縱著的木偶。在技術上的積累也漸漸走下坡路了，基礎不牢固，也采取過一些辦法，不知是療程不夠還是病入膏肓已無可救藥，總之，明明知道有病，卻怎么也治不好。最近，又加入了梁sir的暴走前端計劃，重新折騰起來，于是開始學習，目前折騰了一下Vue.js，在看d2改版renren的項目,跟著@FairyEver大佬踩了不少坑,其中就有element-ui的這個坑--"Error: if there"s nested data, rowKey is required."

刨根問到底，探究報錯的原因

首先，不用懷疑，這是一個bug，理論上是element-ui中el-table的一個bug，但又不能說是一個bug，因為人家框架原型設計的就是這樣，只是可能我們使用不當。先粗略分析一下報錯的原因：

1. 沒有加row-key屬性

如文檔中所提及的，結合報錯的字面意思 ?文檔:table：

支持樹類型的數據。此時，必須要指定 row-key。支持子節點數據異步加載。設置 Table 的 lazy 屬性為 true 與 加載函數 load ，指定 row 中的 hasChildren 來確定哪些行是包含子節點。
`

那就copy一下官方案例，el-table加上row-key="id"

不過，對row-key的支持應該是2019年3月左右提供的。?Table: support tree structure data

修改element-ui版本

很氣人啊，我只能修改package.json文件中依賴element-ui的版本。
一般來說，默認安裝的依賴，如果package.json中帶 ^ 符號的話，會默認安裝最近的版本，去掉 ^ 符號，重新安裝一下element-ui依賴就可以解決了。至于改用那個版本，按照實際來吧，如果去掉 ^ 符號重新安裝能成功就可以了，不行就換個版本吧。

修改children字段

這個就不是很好的處理方式了，畢竟后臺返回來的數據，你要他改字段，呵呵呵，當然，你話語權足夠的話，又不想改前臺代碼，就讓他替換一下childre字段吧。當然，官方將提供更改children鍵值的api。
別問我children字段哪來的，我的是后臺傳過來的；

也別問我為什么會沖突，
我猜是和之里沖突?源碼:

  getChildren(forceInit = false) { // this is data
    if (this.level === 0) return this.data;
    const data = this.data;
    if (!data) return null;

    const props = this.store.props;
    let children = "children";
    if (props) {
      children = props.children || "children";
    }

    if (data[children] === undefined) {
      data[children] = null;
    }

    if (forceInit && !data[children]) {
      data[children] = [];
    }

    return data[children];
  }

至于怎么前臺怎么修改children字段，我也不會，大概是深淺拷貝之類的操作吧

我最終通過修改element-ui版本和加row-key屬性解決了，前端路漫漫坑多多，能趟一個算一個！

本小篇寫于 天河區圖書館華港分館 ,第一次來圖書館看……小姐姐。


本作品 由 Loner 采用 知識共享 署名-非商業性使用-相同方式共享 4.0 國際 許可協議進行許可。
基于https://github.om/hu-qi/Loner上的作品創作。
本許可協議授權之外的使用權限可以從 https://creativecommons.org/l... 處獲得。

GPU云服務器云服務器攻城獅 there nesting nest

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/109632.html

【Copy攻城獅日志】踩坑小程序之can&#039;t read property &#039;of

摘要：根據當時的情境，是在微信開發者工具中刪掉該小程序然后重新載入就解決了，大家給出的結論是微信小程序開發者工具的。 Created 2019-4-2 22:17:34 by huqiUpdated 2019-4-2 23:17:34 by huqishowImg(https://segmentfault.com/img/bVbqOLH?w=1526&h=818); ↑開局一張圖，故事全靠編...

hsluoyz 2019-08-26 13:42 評論0 收藏0
【Copy攻城獅日志】Node.js之http下載圖片失敗

摘要：當用戶或搜索引擎向網站服務器發出瀏覽請求時，服務器返回的數據流中頭信息中的狀態碼的一種，表示本網頁永久性轉移到另一個地址。通過在源代碼中添加日志輸出，我們也能清楚地看到的狀態碼。 Created 2019-4-5 22:24:33 by huqi Updated 2019-4-5 23:23:56 by huqi showImg(https://segmentfault.com/...

darkbaby123 2019-08-23 16:46 評論0 收藏0
【Copy攻城獅日志】踩坑小程序之canvas的顯示層級問題

摘要：依舊是很簡單的需求，但是對于資深的攻城獅來說，除了布局，其他的就只能去了。特別是真機跑的時候，問題特別多。還是坑在基礎不牢固，文檔看得不深入，對小程序原生組件應該注意的事項把握不準，才會掉入這個非常基礎的坑。 Created 2019-4-3 18:29:53 by huqiUpdated 2019-4-3 19:12:22 by huqi showImg(https://segmen...

Coly 2019-08-23 16:43 評論0 收藏0
VUE Error:if there&#039;s nested data,rowKey is re

摘要：最近用的表格時，請求的嵌套數據出了這個讓我難受了好久最后終知版本帶的默認使用最近版本。所以產生錯誤提示解決辦法去掉符號保持版本樣式不變，在表單中加入屬性最近用element-ui的表格時，請求的嵌套數據出了這個bug showImg(https://segmentfault.com/img/bVbsumA?w=722&h=72); 讓我難受了好久..最后終知 element-ui...

xeblog 2019-08-26 13:44 評論0 收藏0
【Copy攻城獅日志】Docker部署D2Admin 人人企業版

摘要：介于目前項目的前端開發基于人人企業版有了快狗團隊的手摸手，很快就能用部署這樣一個后臺管理平臺。構建鏡像，部署靜態資源這里借助獲取鏡像，通鏡像作為基礎來構建人人企業版鏡像。本許可協議授權之外的使用權限可以從處獲得。 Created by huqi at 2019-5-24 21:01:30 Updated by huqi at 2019-5-26 00:00:42 前言最近后端的小...

JessYanCoding 2019-06-28 17:20 評論0 收藏0