el-tree中render-content的使用

:render-content="renderContent">

 renderContent(h, { node, data, store }) {
      return (
        <div>
          {data.children ? (
            node.expanded ? (
              <i class="el-icon-minus" style="font-size:10px;margin:3px"></i>
            ) : (
              <i class="el-icon-plus" style="font-size:10px;margin:3px"></i>
            )
          ) : (
            <i></i>
          )}
          {data.type == "parent" ? (
            <span style="font-size:16px;font-weight: 600;color:white">
              {data.label}
            </span>
          ) : (
            <span style="font-size:13px">{data.label}</span>
          )}
        </div>
      );
    },

 data1: [
        {
          label: "xxx",
          type: "parent",
          children: [{ label: "xxx" }, { label: "xxx" }],
        },
      ],

最终效果