SortableJS 無法在桌面上使用 Onsen UI

Question

只需從Sortable 的文檔中復制粘貼示例代碼。

它在任何觸摸屏設備上都可以正常工作，但是一旦我在 Chrome 或任何其他桌面瀏覽器上查看它，它就會停止工作。 沒有錯誤，你不能再拖動了。

Onsen UI 的 JS 可能會覆蓋拖動事件或類似的東西，但無法找到解決方案。

Answer 1

根據此處給出的答案： https://github.com/SortableJS/Vue.Draggable/issues/508#issuecomment-488314106

如果有人遇到此問題，那么以下是解決此問題的方法；

document.body._gestureDetector.dispose()

如果您出於任何原因需要再次啟用它，請使用以下命令

document.body._gestureDetector = new ons.GestureDetector(document.body);

由於我的代碼在 Vue 組件中使用了 Sortable，因此我最終將其作為Sortable.create選項的一部分。 它似乎工作得很好：

    onChoose: function(event) {
      if(this.$ons) {
        document?.body?._gestureDetector?.dispose();
      }
    },
    onStart: function(event) {
      if(this.$ons) {
        document?.body?._gestureDetector?.dispose();
      }
    },
    onEnd: (event) => {
      if(this.$ons) {
        document.body._gestureDetector = new this.$ons.GestureDetector(document.body);
      }
    },