Vue의 다양한 v-for 루프에서 데이터에 액세스하는 방법

Question

Vue 앱에 데이터 개체를 반복하여 행의 일부를 만드는 테이블 본문이 있습니다. 그런 다음 다른 데이터 개체를 사용하는 별도의 섹션이 있지만 조건부 스타일 지정을 위해 해당 값을 다른 루프의 값과 비교해야 합니다.

이 경우 집계 루프에서 액세스할 수 있도록 첫 번째 for 루프 중에 데이터의 value 부분을 메서드 호출로 보내는 방법이 있는지 궁금합니다.

다음 형식입니다.

<tbody v-if="selected === 'Stores'">
  <tr v-for="(value, manager) in managerNumbers" :key="manager"> <!--这是我想知道是否可以将value发送到方法调用的地方-->
    <td v-for="date in dates" :key="date" >
      <div v-for="(dataForDate, dateVal) in value.dates" :key="dateVal">
        <div v-if="dateVal == date ">
          @{{dataForDate.total_categories}}
        </div>
      </div>
    </td>
  </tr>

  <tr><td colspan="10"></td></tr>
  <tr><td colspan="10"></td></tr>
  <tr>
    <th>
      汇总
    </th>
    <div v-for="store in activeStore" :key="store">
      <th :style="'background: ' + (value.qty > store.qty ? '#000' : '#fff')">@{{ store.stock_num }}</th>
    </div>
  </tr>
</tbody>

Answer 1

계산 방법을 사용하여 activeStore和managerNumbers 사이에 조회 테이블을 만들고 이를 반복할 수 있습니다.

으아아아

이제 이 배열을 사용하여 v-for:

을 반복할 수 있습니다.

v-for="(obj, index) in activeStoreAndManagerNumbers"

이제 obj.value.qty和obj.store.qty을 모두 동일한 루프에서 사용할 수 있습니다.