如何为评论组件显示不同的评论集？ （VueJS，Firebase）

Question

我正在尝试在每个帖子上创建一个带有 cmets 的社交媒体应用程序。

我可以显示 cmets，但每个帖子显示的 cmets 集相同。

我正在努力弄清楚如何在每个帖子上显示不同的 cmets 集。

非常感谢帮助！

Github代码here

Answer 1

我看到您在这里遇到的问题：您应该在不同帖子的 cmets 之间添加一些分隔方法。

示例：

不分离：

1. 一个用户 > 不错的帖子
2. 用户 2 > 这是一篇很酷的帖子
3. 第三个 > 哇，酷！
4. 一个用户 > 不错的帖子
5. 用户 5 > 这是一篇很酷的帖子
6. 6th > 哇，酷！
7. 一个用户 > 不错的帖子
8. 用户 8 > 这是一篇很酷的帖子
9. 9th > 哇，酷！

带分离：

1. 帖子 1 > 一个用户 > 不错的帖子
2. 帖子 3 > 用户 2 > 这是一个很酷的帖子
3. 第 2 篇 > 第 3 篇 > 哇，酷！
4. 帖子 3 > 一个用户 > 不错的帖子
5. 帖子 1 > 用户 5 > 这是一个很酷的帖子
6. 帖子 2 > 6th > 哇，酷！
7. 帖子 2 > 一个用户 > 不错的帖子
8. 帖子 1 > 用户 8 > 这是一个很酷的帖子
9. 第 3 篇 > 第 9 篇 > 哇，酷！

如何解决：

为帖子 ID 添加匹配项，并将帖子 ID 添加到每个帖子。

并在 CommentForm.vue 中更改脚本：

export default {
  data() {
    return {
      username: null,
      comment: null,
      post: null,
    };
  },
  name: "CommentForm",
  methods: {
    onPost() {
      let commentContent = {
        name: this.username,
        comment: this.comment,
        post: this.post
      };
      this.$emit("comment-posted", commentContent),
        (this.username = null),
        (this.comment = null),
        (this.post = null);
    },
  },
};