ElementUI Tree树形控件renderContent返回需要的节点区内容

使用ElementUI Tree树形控件中属性:render-content指定渲染函数renderContent,该函数返回需要的节点区内容

renderContent (h, { node, data, store }) {
    if (node.isLeaf) {
      return (
         this.nodeOver(node, data)} 
            on-mouseout={() => this.nodeOut(node, data)} 
            style={this.typeNumber === data.id ? 'color: #00a0ff !important' : ''}>
            {node.label}
            
                
                     this.getDicType(node, data, store)}>
                    
                
                
                     this.removeDicType(node, data)}>
                    
                
          
        )
    } else {
      return (
         this.nodeOver(node, data)} 
            on-mouseout={() => this.nodeOut(node, data)}
            style={this.activeIndex === data.id ? 'color: #00a0ff !important' : ''}>
            {node.label}
            
                
                     this.openAddDicType(node, data, store)}>
                    
                
            
      )
    }
}

你可能感兴趣的:(ElementUI Tree树形控件renderContent返回需要的节点区内容)