js 树形插件,vue3树形插件

左边有一个js树形插件，右边可以用iframe或者做单页。如何使用js实现下拉框中的树形结构，如何使用javascript实现树形结构菜单，比如htmlcss是否使用左边的js、ajs树形menu和右边的iframe框架，通过选择框中的复选框...首先说树形 structure，国内有个开源的js control叫zTree，支持check。

只使用css中的位置。用JQUERY的TREEVIEWUI太简单了。你可以在网上查一下就明白了。比如你的单子可以写成1233233。

我给你介绍一个好的树形 control: ztree建议你不要递归实现组织树，因为组织的数量会增加，如果组织庞大，会大大影响效率。通常，组织树是异步加载的。先加载根节点(如XX集团公司)，点击节点时加载子节点。这避免了缓慢的初始加载。ztree里有例子，非常方便，美观，功能强大。这是我在我的项目中使用的。希望能帮到你。

左边3、如何用javascript实现 树形结构菜单,可伸缩,有节点。请高手指教!

4、这种参考手册用什么实现的,比如html;css;是否用 js,大概框架?

menujs树形，右边一个iframe框架。左边树形 menu看起来像是zTree框架，右边就用iframe什么的。Easyui、elementui、iview等。都可以做到。VUE也可以实现，看你想用什么了。左边有一个js树形插件，右边可以用iframe或者做单页。

这很简单。我写了一个代码。请复制一下，看看是不是你想要的效果！望采纳！Make 树形 menu div{/*隐藏层*/display:none；}a{/*文本链接的背面样式*/font size:13px；颜色:# fffffftextdecoration:无；background color:#；宽度:100px行高:25pxtextalign:居中；显示:块；border right:1px solid # ffffff；border bottom:1 px solid # ffffff；}a:鼠标在文本链接上时悬停{/*文本背景样式*/font size:13px；颜色:# ffffffbackgroundcolor:#ee9d01 .

首先说一下树形的结构。国内有个开源的js control叫zTree，支持多重检查。然后你可能需要自己做一个下拉框(html输入框 右边一个图标按钮)。最后，用隐藏的div包装树形结构。此div设置为绝对定位。在下拉框右侧按钮的click事件处理程序中，显示这个隐藏的div，并设置它在下拉框下面的位置。就是这么想的，或者楼主可以找找有没有其他比较现成的控件。ext js4我记得也有类似的，但是他的支票功能不符合中国的习惯。可能现在的版本已经改进了，你可以去查一下试试。

我觉得这个挺有用的。给你，vartreeDatenewArray()；varselectedUser//数据类型:0节点id，1级别，2父节点，3是否有子节点，4节点内容ID，5节点显示内容，6类型(1为部门，2为用户组，3为用户)(根节点ID为0，级别为0)treeDate[0]newArray(1，

部门1’，1)；TreeDate[1]newArray(2，“group1”，“用户组1”，2)；TreeDate[2]newArray(3，用户1 ，用户1 ，3)；TreeDate[3]newArray(4，用户2 ，用户2 ，3)；TreeDate[4]newArray(5，部门2 ，部门2 。