How to check if an array contains an item from another array from within vue.js template

Question

I'm trying to figure out how to show job.name if the job.name from jobs is also in anotherArray.

    <li v-for='job in jobs'>
    <template v-if="job.name in anotherArray"
      {{ job.name }}
    </template>
    </li>

note anotherArray is structured the same way as the jobs array. So I want to be checking element.name in anotherArray

How can I do this?

ittus · Accepted Answer · 2019-06-23 00:35:20Z

2

You can use computed to get list of anotherArrayName, then create a method to check using includes

computed: {
    anotherArrayName() {
        return this.anotherArray.map(item => item.name)
    }
},
methods: {
    isInclude(name) {
        return this.anotherArrayName.includes(name)
    }
}

and in template

 <li v-for='job in jobs'>
    <template v-if="isInclude(job.name)"
      {{ job.name }}
    </template>
</li>

answered Jun 23, 2019 at 0:35

ittus

22.5k5 gold badges62 silver badges59 bronze badges

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

Collectives™ on Stack Overflow

How to check if an array contains an item from another array from within vue.js template

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related