VueJS/Vuetify可拖动的卡片响应网格-不起作用
VueJS/Vuetify可拖动的卡片响应网格-不起作用
提问于 2020-04-27 19:33:30
我正在尝试创建一个画廊，用户可以在其中重新排序图像。现在，我只使用一个数字数组来看看这种方法是否有效。
我需要它的响应性-在移动-它应该只有一个列。
问题是vue-draggable似乎只适用于form me的一个栏目。
<template>
<div>
<v-row>
<v-col cols="4" :key="image" v-for="image in images">
<draggable>
<v-card>
<v-card-text>[[ image ]]</v-card-text>
</v-card>
</draggable>
</v-col>
</v-row>
</div>
</template>你知道怎样才能通过拖拽来重新排序卡片吗？
回答 1
Stack Overflow用户
回答已采纳
发布于 2020-04-27 23:41:33
我认为您希望使列在row中可拖动...
<draggable class="row" v-model="items" :sort="true">
<v-col cols="4" :key="image" v-for="image in items">
<v-card>
<v-card-text>
<v-img :src="image" />
</v-card-text>
</v-card>
</v-col>
</draggable>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/61457946
复制相关文章
相似问题
腾讯云开发者
