<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 can I utilize the matching array values in Vuejs?
In my Vue code, I have three arrays - boxes, paints, and matchingdata. I intend to use these arrays to implement certain functionality.
Currently, when a checkbox is clicked, I display information related to the paints array.
Therefore, I need to establish conditions for setting the matching array values here.