How to set matching array values with conditions using computed property in Vuejs?

Question

. 。 Answers to this question are eligible for a +50 reputation bounty. Sundar is looking for a . 。

 <div> <div v-for="box in boxes":key="box.id"> <BaseAccordian> <template v-slot:title>{{ box.name }}</template> <template v-slot:content> <div v-for="paint in paints":key="paint.id" class="line"> <div> <StatusComponent:box="box":paint="paint":matchingdata="matchingdata" /> <,--only status like ok,not, medium to be printed on line accordingly --> </div> </div> </template> </BaseAccordian> </div> </div>

How to set matching array values in Vuejs?

In my code, I have 3 arrays called, boxes, paints, matchingdata . By using those arrays, i want to perfome the functionality.

After the checkbox is clicked, At present i am showing some information related to paints array

So i need to set the matching array value condition here like.

Answer 1

Do you want to update matchingdata inside your StatusComponent ? This can be done by methods. There is a relevant example in the official vue documentation https://v3.vuejs.org/guide/list.html#v-for-with-a-component .

Answer 2

you don't set matching array values with conditions using computed property in Vuejs, you can use method replace computed property