vue.draggable拖拽列表,更换元素位置

这一篇文章引入vue.draggable拖拽列表他,有动画效果更流畅。

vue.draggable拖拽列表,更换元素位置_第1张图片

vue.draggable官网





  
  vue.draggable拖拽列表,更换元素位置
  
  
  
  
  
  
  
  



  
{{item.text}}

注意事项:

1.drag-wrap放在哪个元素上则该元素会有拖拽功能,我这个demo是放在了拖拽的icon上面,需要更大的拖拽范围可以放在item上面。
2.在标签上的自定义属性需要用“-”分割,不要用驼峰。需要这样写:chosen-class="chosen",不能用chosenClass="chosen",如果写chosenClass对应的class会识别不了

你可能感兴趣的:(vue.draggable拖拽列表,更换元素位置)