VueJS：更改antd-directory-tree的叶子图标

Question

当前，还有来自antd的vuejs组件。

我想通过使用a-目录树组件来更改叶子的图标，但我不知道如何。

默认情况下，叶子具有文件夹图标。

如何在不更改node_modules文件夹中的任何内容的情况下将图标更改为另一个antd图标（例如，用户）？

<template>
  <a-directory-tree multiple defaultExpandAll @select="onSelect" @expand="onExpand">
    <a-tree-node title="parent 0" key="0-0">
      <a-tree-node title="leaf 0-0" key="0-0-0" isLeaf />
      <a-tree-node title="leaf 0-1" key="0-0-1" isLeaf />
    </a-tree-node>
    <a-tree-node title="parent 1" key="0-1">
      <a-tree-node title="leaf 1-0" key="0-1-0" isLeaf />
      <a-tree-node title="leaf 1-1" key="0-1-1" isLeaf />
    </a-tree-node>
  </a-directory-tree>
</template>
<script>
  export default {
    methods: {
      onSelect(keys, event) {
        console.log('Trigger Select', keys, event);
      },
      onExpand() {
        console.log('Trigger Expand');
      },
    },
  };
</script>