遍历Vue.js中的2d数组并显示在数据表中

Question

我在应用程序中使用Vue.js和Vuetify以及laravel。我从后端得到这个数组，看起来像这样

我想在vuetify数据表中显示数据。我怎样才能做到这一点。到目前为止，这是我尝试过的。

<v-data-table :headers="extra_details_sv_headers" :items="sv_customer_data" item-key="id">
  <template slot="items" slot-scope="props">
    <tr>
        <td class="text-xs-center">{{ props.item.CustomerCode }}</td>
        <td class="text-xs-left">{{ props.item.CustomerName }}</td>
        <td class="text-xs-left">{{ props.item.Address }}</td>
        <template v-for="(value, name, index) in sv_customer_data">
            <template v-for="(val, nam, ind) in name">
                <td v-bind:key="val" class="text-xs-center"> 

                </td>
            </template>
         </template>
        <td class="text-xs-center">
          <v-btn fab dark small color="error" @click="deleteServiceVehicleData(props.item)"><i class="fas fa-trash-alt"></i></v-btn>
        </td>
    </tr>
  </template>
</v-data-table>

该数组存储在sv_customer_data变量中。我一直坚持下去。因此，任何帮助将不胜感激！