Element Ui Tree组件实现增、删、改、查、拖拽节点 的树形结构

介绍:首先组件 | Element官网某些功能都具备了,这里我就把这些功能结合在一起更完美的使用,其次编辑节点官网是没有实例,所以这里搞了一套较完整的功能,其次编辑和添加,这里直接使用了弹窗(顾及到多个参数设置),接下来效果图展示!

效果图如下:

Element Ui Tree组件实现增、删、改、查、拖拽节点 的树形结构_第1张图片

1,其中点击展开/折叠看个人需求;

2,组件中 :default-checked-keys="List_id" (如: 获取所有权限,匹配改个节点(角色)所包含的权限,修改时默认勾选,List_id 该角色拥有权限的id的集合!)讲述的可能稍有复杂,代码有注释可以看看!

(自己引入相关插件)

    src: url('../css/element-icons.woff') format("woff");这个是图标不展示问题

Element Ui Tree组件实现增、删、改、查、拖拽节点 的树形结构_第2张图片

 这里就直接展示代码了!



	
		
		
		
		
		
		
		
	
	
		

你可能感兴趣的:(ui,前端,elementui)