咳咳，大家都叫我萬惡的小編。

?

關于樹形菜單這方面layui也是有著一個獨立的模塊（Tree）的。之前貌似是把這個模塊給下下去了的（至于為啥的話小編也就不知道了），在2.5版本的時候才被作者賢心給重新加了回來

?

?? 嗯，這次給大家分享一下用layui這個插件來弄樹形菜單，

?

?? 先手只需要引用layui兩個必需的文件即可：

?

1.layui的樣式文件，如下圖：

2.layui包容全部模塊的那個JS文件，如下圖：

歐克，引入完這兩個插件后之后咱們就到了敲代碼的時刻了

?

咱們先在HTML視圖上隨意給到一個div

?

然后就是用JS代碼來編寫父節點與子節點之類的了

?

?

上面的話就是一個樹形的方法了，方法里是一個模擬數據，還有就是用前面的元素的ID然后調用模擬數據了（模擬數據有刪減哈）。

這樣一個樹形就出來了

OK，我們來看一下效果圖

?

有很多效果都是看你自己的需求，不喜歡的話也可以關閉的，具體參數與數據源屬性的話在下一期

?

?

本期完

?

?

?

?

總結

以上是生活随笔為你收集整理的来了老弟，Layui树形菜单tree的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。