/**
* 把扁平資料轉成樹型結構資料(可以實現無限層級樹形資料結構，只適用於單個表的資料)
* @param source 源資料
* @param id 對應id欄位名稱
* @param parentid 對應parentid欄位名稱
* @param children 對應children欄位名稱
*/vue.prototype.$treedataformat
= function(source, id, parentid, children))},
/** * 把樹型結構資料轉成扁平資料(跟treedataformat方法相反)
* @param newsource 新資料
* @param source 源資料
* @param children 子集欄位名稱
* @param name 名稱欄位名稱(非必傳) 用於匯出返回資料名稱顯示樹形
* @param lvl 等級(非必傳) 用於匯出返回資料名稱顯示樹形
*/ vue.prototype.$treedatatocompressed
= function(newsource,source,children,name,lvl)
let clonedata = json.parse(json.stringify(source[i]));
delete clonedata[children]
; newsource.push(clonedata)
; if(source[i]
[children]
&& source[i]
[children].length > 0)
}}
Vue樹形資料處理 js
當前需求 層級列表中選中某個元素,則獲取最底層子集id,並用逗號連線 1,2,3,4,5 let data 遍歷方法可參考 寫的很詳細 具體操作 首先找到選擇元素的id在樹形資料中的位置，並獲取他 findsameid tree,id if id tree i id isget deepsearch...
樹形資料轉換
測試資料 create table project id int,name nvarchar 20 parent id int insert project select 1,所有專案 null union all select 2,專案1 1 union all select 3,專案2 1 cr...
樹形資料轉換
測試資料 create table project id int,name nvarchar 20 parent id int insert project select 1,所有專案 null union all select 2,專案1 1 union all select 3,專案2 1 cr...