el-tree render-content自定义文本

<el-tree
                    ref="pdTree"
                    :data="data"
                    :render-content="renderContent">
el-tree>

<script>
	methods:{
      
		 renderContent(h, {
       node, data, store }){
      
			return (
                        <span class="treeNode">
	                        <i class={
      data.icon}></i>&nbsp;
	                        <span>{
      node.label}</span>
                    	</span>
						< span class = "treeNode" title={
      node.label}>
							< i class = "levelIcon level2-icon" > </i>
							<span class={
      node.data.dqzt=='1'?'red':'black'}>{
      node.label}</span >
                    	</span> 
            )
		 }
	}
script>

你可能感兴趣的:(el-tree render-content自定义文本)