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

  • Z时代
  • 2024-02-26
  • 分类：IT

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

Sortable.create(tbody, {
        onStart(evt) {
          console.log('开始拖动', evt)
        },
        onEnd({ newIndex, oldIndex }) {
          console.log(newIndex, oldIndex)
        },
        // 拖拽移动的时候
        onMove({ evt, originalEvent }) {
          console.log(evt, originalEvent)
        },
      })

回答：

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

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

以上是 vue使用Sortable库怎么阻止顺序交换 的全部内容， 来源链接： utcz.com/p/936729.html

回到顶部