元素树树形控件的官方使用文档

树树形控件-官方文档地址

用清晰的层级结构展示信息，可展开或折叠。

基础用法

基础的树形结构展示。

El-tree : data=' data ' : props=' DefaultProps ' @ node-click=' handlenodeClick '/El-tree脚本导出默认值{ data(){ return { data : [{ label : }一级1 ',儿童： [{ label: '二级1-1 '，children: [{ label: '三级1-1-1' }] }] }，{ label: '一级2 ',儿童： [{ label: '二级2-1 ',儿童： [{ label: '三级2-1-1' }] }，{ label: '二级2-2 ',儿童： [{ label: '三级2-2-1' }] }] }，{ label: '一级3 ',儿童： [{ label: '二级3-1 ',儿童： [{ label: '三级3-1-1' }] }，{ label: '二级3-2 ',儿童： [{ label: '三级3-2-1' }] }] }])，DefaultProp 3360 { children : ' children '，label: ' label ' } })，methods: { handleNodeClick(数据){ console.log(数据);} } };/script可选择

适用于需要选择层级时使用。本例还展示了动态加载节点数据的方法。

El-tree : props=' props ' : load=' loadNode ' lazy show-checkbox @ check-change=' handleCheckChange '/El-tree脚本导出默认值{ data(){ return { prop : { label : ' name '，children: 'zones' }，count : 1 }；}，methods: { handleCheckChange(数据，已检查，不确定){ console.log(数据，已检查，不确定);}，handleNodeClick(数据){ console.log(数据);}，loadNode(节点，解析){ if(节点。level===0){返回解析([{ name : ' region 1 ' }，{ name : ' region 2 ' }])；} if (node.level 3)返回resolve([])；var hasChildif(节点。数据。name===' region 1 '){ HasChild=true；} else if(节点。数据。name==' region 2 '){ HasChild=false；} else { HasChild=Math。随机()0.5；} setTimeout(()={ var data；if(HasChild){ data=[{ name : ' zone ' this。count }，{ name : ' zone ' this。count }]；} else { data=[]；}解析（数据);}, 500);} } };/script懒加载自定义叶子节点

由于在点