使用Vuetify实时编辑表格？

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

Vue.use(Vuetify);

new Vue({
  // ...
  vuetify: new Vuetify(),
  // ...
}).$mount('#app');

<template>
  <v-data-table
    :headers="headers"
    :items="items"
    :editable="true"
    @input="updateItem"
  ></v-data-table>
</template>

<script>
export default {
  data() {
    return {
      headers: [
        { text: '姓名', value: 'name' },
        { text: '年龄', value: 'age' },
        // 其他表头定义
      ],
      items: [
        { name: '张三', age: 25 },
        { name: '李四', age: 30 },
        // 其他数据项
      ]
    };
  },
  methods: {
    updateItem(updatedItem) {
      // 处理更新逻辑，可以将更新后的数据提交到后端进行保存
      console.log(updatedItem);
    }
  }
};
</script>