拖动排序

时间 2020/8/3 11:17:39 加载中...

Vue 下面的排序

思路:
使用的是 github.com/SortableJS/Vue.Draggable#readme ,当排序之后,将当前项的 index 充当排序码,保存在库中。主要是 change 方法。

主要代码:

  1. <draggable v-model="fieldListWithSelect" group="people" @start="drag=true" @end="drag=false" @change="sortChange">
  2. <div>需要排序</div>
  3. </draggable>
  4. sortChange(evt){
  5. this.fieldListWithSelect.forEach(function(m,index){
  6. m.showSort = index
  7. })
  8. }
扫码分享
版权说明
作者:SQBER
文章来源:http://www.sqber.com/articles/drag-sort.html
本文版权归作者所有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。