el-tree自定义根据属性设置is-leaf

您可以通过在 `el-tree` 中使用 `render-content` 插槽自定义每个节点的渲染方式，包括设置 `is-leaf` 属性。以下是一个示例：

<el-tree :data="treeData" :load="loadNode" :render-content="renderContent">

  <!-- 自定义节点渲染内容 -->
  <template #default="{ node, data }">
    <span>{{ data.label }}</span>
  </template>

</el-tree>

export default {
  data() {
    return {
      treeData: [],
    };
  },
  methods: {
    // 加载节点数据
    loadNode(node, resolve) {
      // your code here
    },
    // 自定义节点渲染方式
    renderContent(h, { node, data }) {
      // 判断节点是否为叶子节点
      const isLeaf = data.isLeaf !== undefined ? data.isLeaf : !node.hasChildren();
      return h('span', {
        // 设置 is-leaf 属性
        attrs: {
          'is-leaf': isLeaf,
        },
      }, data.label);
    },
  },
};

在上面的示例中，我们通过 `render-content` 插槽自定义了节点的渲染方式，并在其中判断了节点是否为叶子节点，并通过 `attrs` 属性设置了 `is-leaf` 属性。如果节点数据中有 `isLeaf` 属性，则使用该属性的值；否则，通过 `hasChildren()` 方法判断节点是否有子节点来确定节点是否为叶子节点。