Vuejs 向现有数组添加新值

Question

我有一个 post 部分，其中包括类似于 fb

的评论部分

这是我的数组结构：

现在我有一个评论框部分，它将用新评论替换第一条评论。我可以成功更新数据库中的新评论，但我无法重新获取整个组件来显示单个评论。

我尝试过 .push 方法，但它不是反应式的，我无法理解 slice 方法，我只是想知道一些方向。

  let newComment = {
    text: "offline comment",
  };

  const test = this.Fitness_Posts[0].postComments.splice(0,1, newComment);

Answer 1

const post = this.Fitness_Posts[0];
post.postComments = [...post.postComments, newComment];

它基本上将所有当前 postComments 扩展到一个新数组中，其中还包括 newComment 并将 postComments 数组替换为新数组

Vuejs add new values to existing array