如何从其他两个计算道具制作计算道具？

Question

My task is to make pagination and search. I solved this problem by creating two computed properties. Separately, they work correctly, but I need to unite them. I can't figure out how to do this?

  paginatedData() {
    const start = this.page * 10;
    const end = start + 10;
    return this.posts.slice(start, end);
  },
  filteredPosts() {
    return this.posts.filter((post) => {
      return post.title.match(this.search);
    });
  },

Answer 1

You can combine the properties by using the first as the basis for the second. For example, if you want to filter the posts and then paginate

paginatedData() {
    const start = this.page * 10;
    const end = start + 10;
    return this.filteredPosts.slice(start, end);
},
filteredPosts() {
    return this.posts.filter((post) => {
      return post.title.match(this.search);
    });
},

Or if you want to paginate and then filter

paginatedData() {
    const start = this.page * 10;
    const end = start + 10;
    return this.posts.slice(start, end);
},
filteredPosts() {
    return this.paginatedData.filter((post) => {
      return post.title.match(this.search);
    });
},

In your template, use whichever computed property is your desired ultimate output ( paginatedData in the first case, filteredPosts in the second).