показать весь массив с помощью vue.js и начальной загрузки

Question

Привет своим сценарием, я могу показать только первую запись, потому что [0], что я должен сделать, чтобы показать все записи?потому что иногда есть только одна запись, а иногда и много.

<v-tab :title="sitePartGSM[0].serial_no" v-if="sitePartGSM[0]">
    <div v-for="siteParts in sitePartGSM">
        {{ siteParts.serial_no }}
        <div class="description" v-for="item in siteParts.part_attributes">
            <small>
                <strong>{{item.x_name}}</strong>
                {{item.x_value}}
            </small>
        </div>
    </div>
</v-tab>

спасибо

Answer 1

Вы можете перебирать все свои элементы sitePartGSM и отображать их в своем v-tab.

. При использовании v-for вы должны определить атрибут :key, чтобы улучшить процедуру рендеринга, упомянутую в документация

<v-tab v-for="siteParts in sitePartGSM" :title="siteParts.serial_no" :key="siteParts.serial_no">
  <div>
    {{ siteParts.serial_no }}
    <div class="description" v-for="item in siteParts.part_attributes" :key="item.x_name">
      <small><strong>{{item.x_name}}</strong> {{item.x_value}}</small>
    </div>
  </div>
</v-tab>

Answer 2

Привет можно использовать индекс внутри V-например,

<div v-for="(siteParts, index) in sitePartGSM">
    <v-tab :title="sitePartGSM[index].serial_no" v-if="sitePartGSM[index]">
        {{ siteParts.serial_no }}
        <div class="description" v-for="item in siteParts.part_attributes">
            <small>
                <strong>{{item.x_name}}</strong>
                {{item.x_value}}
            </small>
        </div>
    </v-tab>
</div> 

с этим методом вы можете увидеть все записи