Question

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

<v-edit-dialogue> is used

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

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

1 个答案: