antdv实现嵌套评论

antdv是一个基于Ant Design Vue的前端框架，它提供了一整套丰富的组件和工具，用于构建企业级的用户界面。其中，对于实现嵌套评论功能，你可以使用`<Tree>`组件配合自定义节点来展示评论结构。

步骤大致如下：

1. **创建树形数据结构**：将评论作为一个包含父ID、子ID、内容等字段的对象数组，表示每个评论及其层级关系。

[
  {
    id: '1',
    content: '第一条评论',
    children: [
      {
        id: '1.1',
        content: '这是第一条的回复',
      },
      {
        id: '1.2',
        content: '又一条回复',
      }
    ]
  },
  // 其他评论...
]

2. **渲染Tree组件**：在Vue组件中，使用`<a-tree>`标签，并设置`tree-data`属性来绑定你的评论数据，同时可以配置`title`属性来显示评论内容，`expanded-keys`来控制默认展开哪些评论。

<a-tree :data="commentsData" title="评论内容" expanded-keys="defaultExpandedKeys">
  <!-- 树节点模板 -->
  <template slot-scope="{ node, data }">
    <span>{{ node.title }}</span>
    <!-- 如果有子评论则显示折叠图标 -->
    <i v-if="node.children.length > 0" class="anticon anticon-comment-o"></i>
  </template>
</a-tree>

3. **管理展开状态**：可以维护一个`defaultExpandedKeys`数组来保存初始需要展开的评论ID，当点击评论时动态更新这个数组。

4. **处理点击事件**：监听`@on-expand-change`事件，根据展开的节点来递归地更新评论的子节点状态。