vue.draggable实现元素拖动效果

找了很久的使用文档

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

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

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

<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

找到解决方法了，其实翻译一下警告就行了，但是当时自己没理解到。。。

element prop弃用，改为tag标签就行了，

然后options属性也被弃用了，所有的配置信息都不能单独写到其他地方，只能写到draggable标签里面，一个一个写出来或者用v-bin的绑定。我这里用的v-bind绑定方法，比较懒直接把原来的options配置项里面的内容直接剪切给v-bind就行了。

 class="list-group"
            tag="ul"
            v-model="list1"
            v-bind="{
              animation: 150,
              group: {
                name: 'description',
                scroll: true,
                sort: true,
              },
              ghostClass: 'ghost',
            }"
            :move="onMove"