如何将vuetify与vuetify 2一起用于嵌套数据？获取无效字段

npm install vuetify@1.x
npm install vuetify@2.x

import Vue from 'vue';
import Vuetify from 'vuetify';
import 'vuetify/dist/vuetify.min.css';
import Vuetify2 from 'vuetify/lib';

Vue.use(Vuetify);
Vue.use(Vuetify2);

const opts = {
  icons: {
    iconfont: 'mdi',
  },
};

const vuetify1 = new Vuetify(opts);
const vuetify2 = new Vuetify2(opts);

new Vue({
  vuetify: [vuetify1, vuetify2],
}).$mount('#app');

<template>
  <v-app>
    <v-content>
      <v-data-table :items="nestedData" item-key="id">
        <template v-slot:items="props">
          <td>{{ props.item.name }}</td>
          <td>{{ props.item.nestedData.field1 }}</td>
          <td>{{ props.item.nestedData.field2 }}</td>
        </template>
      </v-data-table>
    </v-content>
  </v-app>
</template>

<script>
export default {
  data() {
    return {
      nestedData: [
        {
          id: 1,
          name: 'Item 1',
          nestedData: {
            field1: 'Value 1',
            field2: 'Value 2',
          },
        },
        // 添加更多嵌套数据对象...
      ],
    };
  },
};
</script>