elementUI tree组件的自定义节点内容render-content

elementUI tree组件的自定义节点内容render-content

产品给的需求需要向el-tree组件添加自定义数据，我们就可以看官网里面的一些方法有没有这样的功能。官网

我们看到文档中有这样的功能。

如何使用

html代码

 <el-tree
                class="tree-font"
                :data="punishTreeData"
                ref="punishTree"
                show-checkbox
                default-expand-all
                node-key="id"
                @check="punishChange"
                :check-strictly="false"
                :props="rightTree"
                :render-content="renderContent"
                :indent="40"

js代码

 methods: {
  renderContent (h, { node, data, store }) {
      return data.implDate ? (
        <span>
          {node.label}
          <span style="color: #666;padding: 10px 0 0 20px;display: block">
            实施日期：{data.implDate}
          </span>
        </span>
      ) : (
        <span>{node.label}</span>
      )}

这样就完成这个功能拉