Vue js : Filter dynamic data

Question

In my Vuejs below I want to filter the reviewed:true only questions, and get the length of them, but my code below gives an error TypeError: question.reviewed.includes is not a function ,is there a way to do it?

Here is the screenshot about the json file: JSON File

 filterReviewed() {
      return this.questions.filter((question) => {
        return (
            question.reviewed
            .includes('true')
        );
      });
    },

It seems reviewed is a property of question. return this.questions.filter((question) => question.reviewed). No need for includes. — akuiper
– akuiper, Commented Jan 23, 2021 at 22:29
Review is not a string property instead it is a boolean property. Try it as return this.questions.filter((question) => question.reviewed) — Atif Zia
– Atif Zia, Commented Jan 24, 2021 at 0:36

Arthur · Accepted Answer · 2021-01-24 11:18:22Z

1

includes is a method of Object of Array type. Directly judge attribute reviewed is OK

filterReviewed (){
  return this.questions.filter((question) => question.reviewed);
}

answered Jan 24, 2021 at 11:18

Arthur

742 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

LastM4N · Accepted Answer · 2021-01-24 00:12:30Z

0

To filter the reviews try this:

filterReviewed() {
          return this.questions.filter((question) => question.reviewed === true);
        },

To get the filterReviewed length try this:

filterReviewed.questions.length

edited Jan 24, 2021 at 0:12

answered Jan 23, 2021 at 22:29

LastM4N

2,2502 gold badges19 silver badges24 bronze badges

3 Comments

user15067539 Over a year ago

i tried your answer the filter works properly but i apply the length condition here it's not working ` <div class="showmore-Div" v-show=" commentsToShow < filterReviewed.length|| filterReviewed.length > commentsToShow " > <button @click="commentsToShow += 10" class="showMore-Button"> show more </button> </div>`

user15067539 Over a year ago

* commentsToShow: 25,

LastM4N Over a year ago

If you try this? filterReviewed.questions.length. ?

Collectives™ on Stack Overflow

Vue js : Filter dynamic data

2 Answers 2

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related