使用sortablejs要注意什么

這篇文章主要講解了“使用sortablejs要注意什么”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“使用sortablejs要注意什么”吧！

1. 這個方法很難找到啊，找了很久，還是同事提醒我的，一個人的力量太渺小了，哈哈，這個方法以及屬性是指當 某一項溢出某個區域的時候，就會自動刪除這一項，是以插件的形式展示的

2. 注意 group 參數中的 put 參數是可以為函數的，表示可以放置的意思

group: {

          name: 'shared',

          put: function(to, from, target) {

            for (let i = 0; i < to.el.childNodes.length; i++) {

              if (to.el.childNodes[i].dataset.value === target.dataset.value) {

                return false

              }

            }

            return true

          },

        },

3. sortablejs 的拖拽 new Sortble(el, {})，只能是在原本的區域中，超出這個區域貌似 onMove 事件會失效，沒法獲取到 evt.originalEvent.clientX, evt.originalEvent.clientY

4. 可能在拖拽項的時候，我們設置的 pull="clone" 這個配置選項會導致我們的原有拖拽項的事件會被影響到，導致點擊事件會失效問題，這樣的問題只能通過布局方式解決了，把那個需要點擊的分出來進行多列布局

5. 之前 demo 的是采用直接拖拽放置的方式，是直接把 DOM 放進某個區域的，現在由于設計稿變化，我們無法采用之前 demo 中的例子，只能重新思考采用別的方式，經過我們的討論，以及我在實施的時候，發現我們必須把數據都定義在 data- 屬性里面，采用假的拖動方式，然后獲取到 data- 屬性數據，存進數組，再進行渲染

6. 之前的 demo 中在拖拽項溢出某個區域的時候，是啟動了 removeSpill 屬性，發現也是有很多問題，這個屬性還必須結合 onSpill 方法，但是實在是太不靈活了，一旦 removeSpill 被禁用這個 onSpill 方法就沒法使用了，所以經過我的思考，我只能使用脫離原本的區域，left,top,right,bottom

7. 想要讓 element-ui 中 el-checkbox 組件觸發原生事件，獲取 event 事件對象，需要給 change事件加上 .native，否則無法獲取到 原生的 event 事件對象

感謝各位的閱讀，以上就是“使用sortablejs要注意什么”的內容了，經過本文的學習后，相信大家對使用sortablejs要注意什么這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！