element-table + sortablejs，如何实现某几行禁止被拖动，且其他行也禁止拖动到这几行的区域呢？

Question

在线实例：https://codesandbox.io/s/element-biao-ge-tuo-zhuai-yft7zp?fil...

目前已配置sortablejs的属性，让这几行粉色的禁止拖动

但我目前的需求除了这几行禁止拖动，下面几行也需要禁止拖动到粉色的区域，不知道应该如何实现？

Answer 1

el.sortable = sortable.create(bindEls, {
      animation: 150,
      ghostClass: "blue-background-class",
      ...config,
      onEnd: (evt) => {
        //console.log(evt)
        let cloneValue = null;
        if (Array.isArray(value)) {
          const { oldIndex, newIndex } = evt;
          console.log("arr");
          cloneValue = clonedeep(value);
          value.splice(newIndex, 0, ...value.splice(oldIndex, 1));
        }

        onEnd && onEnd(evt, cloneValue, value);
      },
//看这里
      onMove(e) {
        return e.related.className.indexOf('filtered') === -1;
      }
    });

https://codesandbox.io/s/element-biao-ge-tuo-zhuai-forked-vn0...