vue使用Sortable库怎么阻止顺序交换

Question

想实现一个类似拖拽文件进文件夹的效果,怎么阻止顺序交换？只想拿到开始index和结束index,然后请求后台塞文件进文件夹。

Sortable.create(tbody, {
        onStart(evt) {
          console.log('开始拖动', evt)
        },
        onEnd({ newIndex, oldIndex }) {
          console.log(newIndex, oldIndex)
        },

        // 拖拽移动的时候
        onMove({ evt, originalEvent }) {
          console.log(evt, originalEvent)
        },
      })

Answer 1

1. onMove 里面阻止移动，然后判断最后来位置。去做处理

   onMove(){
    return false;
   }

2. onEnd 里面调用接口就行。但是这里位置已经被改变。所以还需要操作一下 dom 恢复原样。