如何在 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 个数组，分别为：boxes、paints、matchingdata。通过使用这些数组，我想执行该功能。

单击复选框后，目前我显示一些与油漆数组相关的信息

所以我需要在这里设置匹配的数组值条件。

Answer 1

您想更新matchingdata您的内部吗StatusComponent？这可以通过 来完成emits。vue 官方文档中有相关示例https://v3.vuejs.org/guide/list.html#v-for-with-a-component。