0

我使用 Vue、Vuetify 设计了一个站点，并在我的应用程序开发的后期实现了 Draggable，并按如下方式使用它：

 <draggable v-model="dragitems" class="v-card" handle=".handle">
    <v-row>
        <v-col>
            <v-card>
            <v-card-title class="text-button"><v-icon color="#8cd0ff" class="handle">mdi-drag</v-icon>Title 1</v-card-title>
            </v-card>
        </v-col>
    </v-row>
    <v-row>
        <v-col>
            <v-card>
            <v-card-title class="text-button"><v-icon color="#8cd0ff" class="handle">mdi-drag</v-icon>Title 2</v-card-title>
            </v-card>
        </v-col>
    </v-row>
 </draggable>

这正是我想要拖动卡片的方式。每张卡上都有一个句柄，它们都按预期响应；但是，我想知道如何在不完全修改代码的情况下保存这些卡片的顺序，或者是否有可能。我对此的实现似乎与任何 Draggable 文档示例都不相符。关于如何保存 v-card 的顺序的任何想法，以便以后可以以相同的顺序重新加载它们？

谢谢

4

0 回答 0