Element UI中Tree树形组件使用render-content自定义样式

要支持如下用法：

renderContent(h, { node, data, store }) {
// 用于格式化tree
  return (
    <span style='flex: 1; display: flex; align-items: center; justify-content: space-between; font-size: 14px; padding-right: 8px;'>
      <span>{node.label}</span>
      <span>{ data.show ? '显示' : '隐藏' }</span>
    </span>
  )
}

 

第一步：安装依赖

 

cnpm install babel-plugin-syntax-jsx babel-plugin-transform-vue-jsx babel-helper-vue-jsx-merge-props babel-preset-env --save-dev

 

第二步：在前端.babelrc文件中配置插件

 

 

 

 

 

转载于:https://my.oschina.net/u/264284/blog/3085348