antdv的tree如何让子节点横向排列

可以使用 `treeNodeFilterProp` 和 `treeDataSimpleMode` 两个属性来实现antdv的tree子节点横向排列。

1. 设置 `treeNodeFilterProp` 为 `label`，用于渲染节点文本。
2. 设置 `treeDataSimpleMode` 为 `true`，表示使用简单的数据结构来渲染树形结构。
3. 在树节点的 `style` 属性中设置 `display: 'inline-block'`，使子节点横向排列。

以下是示例代码：

<template>
  <a-tree
    :treeData="treeData"
    :treeNodeFilterProp="'label'"
    :treeDataSimpleMode="true"
  >
    <template slot="treeNode" slot-scope="{node}">
      <span :style="{display: 'inline-block'}">{{ node.label }}</span>
    </template>
  </a-tree>
</template>

<script>
export default {
  data() {
    return {
      treeData: [
        {
          title: 'Node1',
          key: '1',
          children: [
            {
              title: 'Child Node1',
              key: '2-1',
            },
            {
              title: 'Child Node2',
              key: '2-2',
            },
            {
              title: 'Child Node3',
              key: '2-3',
            },
          ],
        },
        {
          title: 'Node2',
          key: '2',
          children: [
            {
              title: 'Child Node1',
              key: '2-1',
            },
          ],
        },
      ],
    };
  },
};
</script>

这样，antdv的tree子节点就可以横向排列了。