javascript - 如何使用 Vuejs 中的计算属性设置匹配的数组值和条件？

Question

 <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>

如何在 Vuejs 中设置匹配的数组值？
在我的代码中，我有 3 个称为 的数组。盒子、油漆、匹配数据 .通过使用这些数组，我想执行该功能。
单击复选框后，目前我正在显示与 相关的一些信息油漆阵列
所以我需要在这里设置匹配的数组值条件。

Answer 1

你没有在 Vuejs 中使用计算属性设置匹配的数组值，你可以使用方法替换计算属性