Vue.js 如何记录在vuetify数据表中所做的更改？

在给定的链接中，我们可以编辑一些列n如何记录/控制这些更改，以便将更改后的数据传递给其他组件

使用

---

内联编辑是通过首先使用组件的作用域插槽来实现的。在作用域插槽中，使用组件。在编辑对话框组件的输入槽中，使用该组件

因此，只需绑定到文本字段组件的输入或更改事件，就有了要查找的钩子

<v-data-table>
    <template slot="items" slot-scope="props">
        <td>
            <v-edit-dialog> 
                {{ props.item.name }}
                <v-text-field
                    slot="input"
                    v-model="props.item.name"
                    @input="onEditValueChanged" <--------- 
                ></v-text-field>
            </v-edit-dialog>
        </td>
    </template>
</v-data-table>

{{props.item.name}
<v-data-table>
    <template slot="items" slot-scope="props">
        <td>
            <v-edit-dialog> 
                {{ props.item.name }}
                <v-text-field
                    slot="input"
                    v-model="props.item.name"
                    @input="onEditValueChanged" <--------- 
                ></v-text-field>
            </v-edit-dialog>
        </td>
    </template>
</v-data-table>