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

創(chuàng)新互聯(lián)公司是一家集網(wǎng)站建設(shè),南部企業(yè)網(wǎng)站建設(shè),南部品牌網(wǎng)站建設(shè),網(wǎng)站定制,南部網(wǎng)站建設(shè)報價,網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,南部網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強企業(yè)競爭力。可充分滿足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿，時刻以成就客戶成長自我，堅持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。

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

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

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, {})，只能是在原本的區(qū)域中，超出這個區(qū)域貌似 onMove 事件會失效，沒法獲取到 evt.originalEvent.clientX, evt.originalEvent.clientY

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

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

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

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

感謝各位的閱讀，以上就是“使用sortablejs要注意什么”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對使用sortablejs要注意什么這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識點的文章，歡迎關(guān)注！

新聞名稱：使用sortablejs要注意什么
文章出自：http://jinyejixie.com/article20/poesjo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供Google、面包屑導(dǎo)航、、網(wǎng)站導(dǎo)航、做網(wǎng)站、全網(wǎng)營銷推廣

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)