最近看了 Vuejs 的遞歸組件，實現(xiàn)了一個最基本的樹形菜單項目結構mainjs 作為入口，很簡單？7 import Vue from #39vue#39 = trueimport main from #39componentsmainvue#39new Vue el #39；頁面既然得到從服務器傳過來的json數(shù)據(jù)之后，還要轉(zhuǎn)換為Object 比如，服務器組裝好的json數(shù)據(jù) id#39001#39，nodeMsg#39節(jié)點1#39 這個是ajax成功之后的回調(diào) functionxhr var o = eval#39#39 + xhrresponseText + #39#39。

這個問題，我建議你去下載下樹形菜單網(wǎng)上已經(jīng)實現(xiàn)的js很多，下載下來一看就明白了；縮起全部 #39tree ul li#39hide展示第一個 #39tree ul li first#39show大概就是這樣 下次問問題建議貼代碼，不要放圖片，沒法調(diào)試。

dataType#39json#39，successfunctiondataJSON fndataJSONdata， $quot#htmllquot，errorfunctionmsgerrormsg function fnarray， html for var i = 0 i lt arraylength i++ var。

javascript樹形菜單

Axure 8 RP設設計網(wǎng)頁原型的時候，想要設計一個樹狀菜單，該怎么設計并添加圖標呢下面我們就來看看詳細的教程1選擇適當?shù)木庉媴^(qū)域，拖入樹狀菜單2右鍵菜單，選擇第一個，編輯樹屬性，選擇顯示圖標的形式，這里有兩種。

lt！DOCTYPE html lthtml lthead lttitlea test documentlttitle lthead ltbody ltdiv ltp ltspan ltbMy parentsltb ltspan ltp ltdiv ltbody lthtml 在上述文檔中#39b#39parents將。

documentgetElementById#39treedir#39innerHTML=str+quotlttablequot function treeid，parentid，content，href thisid=idthisparentid=parentidthiscontent=contentthishref=href = href。

1選擇適當?shù)木庉媴^(qū)域，拖入樹狀菜單2右鍵菜單，選擇第一個，編輯樹屬性，選擇顯示圖標的形式，這里有兩種，第一種，可設置展開和未展開兩種第二種只有一種樣式3第一種形式，打上對勾，導入圖片或選擇+。

你首先需要在窗體里添加一個右鍵菜單對象contextMenuStrip1，編輯好右鍵菜單，然后你把該菜單和你的樹狀菜單關聯(lián)上，在treeviewlist的屬性contextMenuStrip里選上你的右鍵菜單對象contextMenuStrip1，在往下參考下面代碼在右鍵。

直接用ltulltli標簽嵌套能實現(xiàn)，你去試試 ltbody ltul ltli我的電腦 ltul ltli本地磁盤Cltul ltli我的文檔ltli ltli我的收藏ltli ltul ltli ltli本地磁盤Dltul ltli我的游戲ltli。

ajaxurlquoturlquot，typequotGETquot，asyncfalse，dataType#39json#39，successfunctiondataJSON fndataJSONdata， $quot#htmllquot，errorfunctionmsgerrormsg function fnarray， html for var i。

html樹形菜單制作代碼

視圖代碼如下lt？php if isset$list？ lt？php foreach $list0 as $i=$lists？ ltdt lta href=quotlt？php echo $thiscontrollercreateUrl#39shoppingindex#39，array#39cfyid#39=$i？quot title=。

var $tree = $quot#treequot獲取tree var $a_tops = $treechildrenquotliquotchildrenquotaquot找到tree下第一層菜單 a_topsbindquotclickquot， function為第一層菜單綁定事件 var $this = $thisnext。

現(xiàn)在給您演示一下如何有效地使用遞歸組件，我將通過建立一個可擴展收縮的樹形菜單的來一步步進行數(shù)據(jù)結構一個樹狀UI的遞歸組件將是一些遞歸數(shù)據(jù)結構的可視化表達在本教程中，我們將使用樹狀結構，其中每個節(jié)點都是一個對象。

詳細內(nèi)容那用DIV接收，定義ID，點擊的時候把內(nèi)容給這個DIV就是了 var d= documentcreateElementquotdivquotdinnerHTML=quot顯示的一句話quot。

quotchildrenquot quottextquot quot底層1quot，quotleafquot true，quoturlquot #39page1html#39， quottextquot quot底層2quot，quotleafquot true，quoturlquot #39page2html#39， quottextquot quot底層3quot，quotleafquot true，quoturlquot #39page3html#39。

Html代碼 1lt！ ZTree樹形插件 2ltlink rel=quotstylesheetquothref=quotlt%=root%WebcommoncsszTreeStylezTreeStylecssquottype =quottextcssquot 3lt！ ltlink rel=quotstylesheetquot href=quotlt%=root%Webcomm。