vue.draggable实现元素拖动效果

Tfishupupup

已于 2022-03-11 10:42:54 修改

阅读量2.7k

点赞数 1

文章标签： elementui javascript vue

于 2022-03-11 10:15:53 首次发布

本文链接：https://blog.csdn.net/tfishupupup/article/details/123417844

版权

本文档介绍如何使用vue.draggable实现元素拖动功能。遇到控制台警告关于element和:sort属性被废弃的问题，作者通过翻译警告并调整为使用tag属性和v-bind解决。建议将options配置项直接写在draggable标签内。

摘要由CSDN通过智能技术生成

找了很久的使用文档

使用文档，有实例还有代码演示

有几个需要拖动的列表就用几个数组就要有几个配置选项。

但是现在控制台会报警告，应该是废弃了这种使用方法，但我没改出来，有会使用的可以在评论区指导一下吗。感谢！

<draggable
            class="list-group"
            element="ul"
            v-model="list1"
            :options="dragOptions1"
            :move="onMove"
            :sort="true"
          >

可能是element和:sort配置项有问题。

这是控制台上的警告

vuedraggable.umd.js?c3f4:2142 Element props is deprecated please use tag props instead. See 
vuedraggable.umd.js?c3f4:2146 Options props is deprecated, add sortable options directly as vue.draggable item, or use v-bind. See https://github.com/SortableJS/Vue.Draggable/blob/master/documentation/migrate.md#options-props

找到解决方法了&