elementui tree组件自定义图标

需求:根据数据不同渲染的树结构图标不同
思路:在对树结构进行渲染的时候使用slot-scope,根据结构数据中iconSkin对应的值不同,设置不同的class,达到显示不同图标的效果

直接上代码


	
		  
			        
			        
					{{ node.label }}
		  
	


下面 的效果是是我真实数据渲染的,上面的假数据 结构一样
elementui tree组件自定义图标_第1张图片

你可能感兴趣的:(vue,elementui,tree)