“写操作失败：计算属性”帖子”被读取”

Question

我尝试从PostList中删除帖子，但是获得错误

<PostList
    :posts="sortedAndSearchedPosts"
    @remove="removePost"
    v-if="!isPostsLoading"
  />

删除邮政功能

 removePost(post) {
      this.posts = this.posts.filter((p) => p.id !== post.id);
    },

帖子在此处初始化

 computed: {
    ...mapState({
      posts: (state) => state.post.posts,
    }),
    ...mapGetters({
      sortedPosts: "post/sortedPosts",
      sortedAndSearchedPosts: "post/sortedAndSearchedPosts",
    }),
  },

Answer 1

实际上，尚不清楚this.posts实际上是在哪里设置的。
如果我猜对您的体系结构正确，我会看到2个选项：

• 要么直接删除商店中的帖子，因此sortedandSearchedPosts
• 如果您不想更新全局状态， 请直接反映更改本地副本初始化帖子：

data () {
   return {
      posts: [...this.sortedAndSearchedPosts],
      ...
   }
},

并更新代码以使用本地帖子列表：

<PostList
    :posts="posts"
    ...
  />

希望这会有所帮助！