資訊專(zhuān)欄INFORMATION COLUMN
摘要：由于項(xiàng)目需要一個(gè)解析字符串并生成樹(shù)的功能，在上也沒(méi)有找到合適的組件，因此基于自己寫(xiě)了一個(gè)樹(shù)組件，主要原理是利用的遞歸組件，進(jìn)行深度優(yōu)先的先序遍歷。該組件不僅可以將一段不可讀的字符串轉(zhuǎn)化為可讀的樹(shù)形結(jié)構(gòu)，同時(shí)可用于抓取某一子樹(shù)的數(shù)據(jù)。
由于項(xiàng)目需要一個(gè)解析 JSON 字符串并生成 JSON 樹(shù)的功能，在 GitHub 上也沒(méi)有找到合適的組件，因此基于 Vue2.X 自己寫(xiě)了一個(gè) JSON 樹(shù)組件，主要原理是利用 Vue 的遞歸組件，進(jìn)行深度優(yōu)先的先序遍歷。該組件不僅可以將一段不可讀的 JSON 字符串轉(zhuǎn)化為可讀的樹(shù)形結(jié)構(gòu)，同時(shí)可用于抓取某一子樹(shù)的數(shù)據(jù)。
Github源碼
Github-Page
組件在它的模板內(nèi)可以遞歸地調(diào)用自己。不過(guò)，只有當(dāng)它有 name 選項(xiàng)時(shí)才可以這么做
字符串?dāng)?shù)據(jù)美化功能：
特定層級(jí)數(shù)據(jù)抓取功能：
通過(guò) parent-data 傳入父親的數(shù)據(jù)，data 傳入孩子的數(shù)據(jù)，當(dāng)子樹(shù)的數(shù)據(jù)是簡(jiǎn)單類(lèi)型時(shí)，不再進(jìn)入遞歸，同時(shí)該組件提供了一個(gè) click 事件，用于獲取特定節(jié)點(diǎn)的樹(shù)數(shù)據(jù)，而孩子的數(shù)據(jù)，則通過(guò)遞歸機(jī)制不斷向上一層級(jí)傳遞，類(lèi)似于“冒泡機(jī)制”。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/90630.html
摘要：后續(xù)會(huì)改成的版本安裝安裝編譯語(yǔ)法使用編譯語(yǔ)法圖片路徑與打包安裝引入圖片需要依賴(lài)的加載器樣式引入打包文件編譯打包引入樣式文件編譯 vue2.x-cnode 關(guān)于項(xiàng)目 vue2.x Cnode社區(qū)是基于vue、vue-router、vuex、axios、es6開(kāi)發(fā)，使用webpack構(gòu)建工具編譯打包項(xiàng)目 如果此開(kāi)源項(xiàng)目對(duì)大家學(xué)習(xí)vue的全家桶有幫助，請(qǐng)給我一個(gè)star,因?yàn)槟愕膕tar讓我...
摘要：哪吒別人的看法都是狗屁，你是誰(shuí)只有你自己說(shuō)了才算，這是爹教我的道理。哪吒去他個(gè)鳥(niǎo)命我命由我，不由天是魔是仙，我自己決定哪吒白白搭上一條人命，你傻不傻敖丙不傻誰(shuí)和你做朋友太乙真人人是否能夠改變命運(yùn)，我不曉得。我只曉得，不認(rèn)命是哪吒的命。 showImg(https://segmentfault.com/img/bVbwiGL?w=900&h=378); 出處 查看github最新的Vue...
摘要：和比起來(lái)差別還是挺大的至少能讓別人看得下去了預(yù)覽特性雙擊節(jié)點(diǎn)添加一個(gè)字節(jié)點(diǎn)對(duì)節(jié)點(diǎn)進(jìn)行任意拖拽控制特定節(jié)點(diǎn)是否可拖是否可放置其他節(jié)點(diǎn)增加刪除任意層級(jí)的節(jié)點(diǎn)待添加接口屬性屬性名描述類(lèi)型默認(rèn)值節(jié)點(diǎn)樹(shù)的數(shù)據(jù)新生成的節(jié)點(diǎn)的文本屬性新增節(jié)點(diǎn)判斷哪些 Github: https://github.com/shuiRong/v...Demo: https://vigilant-curran-d6fec...
摘要：和比起來(lái)差別還是挺大的至少能讓別人看得下去了預(yù)覽特性雙擊節(jié)點(diǎn)添加一個(gè)字節(jié)點(diǎn)對(duì)節(jié)點(diǎn)進(jìn)行任意拖拽控制特定節(jié)點(diǎn)是否可拖是否可放置其他節(jié)點(diǎn)增加刪除任意層級(jí)的節(jié)點(diǎn)待添加接口屬性屬性名描述類(lèi)型默認(rèn)值節(jié)點(diǎn)樹(shù)的數(shù)據(jù)新生成的節(jié)點(diǎn)的文本屬性新增節(jié)點(diǎn)判斷哪些 Github: https://github.com/shuiRong/v...Demo: https://vigilant-curran-d6fec...
閱讀 2349·2021-08-23 09:46
閱讀 977·2019-08-29 18:31
閱讀 1937·2019-08-29 17:04
閱讀 2532·2019-08-29 12:23
閱讀 1906·2019-08-26 14:05
閱讀 1143·2019-08-26 13:44
閱讀 3278·2019-08-26 12:23
閱讀 2289·2019-08-26 10:46
