如何记录 vuetify Datatables 中所做的更改？

【问题标题】：How to record changes made in vuetify Datatables?如何记录 vuetify Datatables 中所做的更改？
【发布时间】：2018-06-01 09:24:20
【问题描述】：

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

<v-edit-dialogue> is used

【问题讨论】：

标签： vue.js vuetify.js

【解决方案1】：

通过首先使用<v-data-table /> 组件的作用域插槽来实现内联编辑。在作用域槽内，您使用<v-edit-dialog /> 组件。在编辑对话框组件的输入槽内，您使用<v-text-field /> 组件。

所以，只需绑定到文本字段组件的输入或更改事件，你就有了你正在寻找的钩子。

<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>

【讨论】：