vue3树形结构不带收缩

在Vue3中，可以使用Ant Design Vue3的Tree组件来实现树形结构不带收缩的效果。以下是一个简单的示例代码[^1]：

<template>
  <a-tree :tree-data="treeData" :show-icon="false"></a-tree>
</template>

<script>
import { defineComponent } from 'vue';
import { Tree } from 'ant-design-vue';

export default defineComponent({
  components: {
    'a-tree': Tree,
  },
  data() {
    return {
      treeData: [
        {
          title: 'Node 1',
          key: '1',
          children: [
            {
              title: 'Leaf 1-1',
              key: '1-1',
            },
            {
              title: 'Leaf 1-2',
              key: '1-2',
            },
          ],
        },
        {
          title: 'Node 2',
          key: '2',
          children: [
            {
              title: 'Leaf 2-1',
              key: '2-1',
            },
            {
              title: 'Leaf 2-2',
              key: '2-2',
            },
          ],
        },
      ],
    };
  },
});
</script>

在上述代码中，我们使用了Ant Design Vue3的Tree组件，并通过`tree-data`属性绑定了树形数据。通过设置`show-icon`属性为`false`，可以隐藏展开和收起的图标，从而实现树形结构不带收缩的效果。