先下載插件。npm install zkr-drag --save 完成后可以在全局引入（main.js文件） // The Vue build version to load with the `import` command // (runtime-only ...

作為一個效率還不錯的小前端，自己的任務做完之后真的好閑啊，千盼萬盼終於盼來了業務的新需求，他要我多加一個排序題，然后用戶通過拖拽來排序，項目經理看我是個實習生，說有點復雜做不出來就算了，我這么閑的一個人，怎么可能做不出來，慢慢磨也能磨出來好嗎。 當然一開始想向大佬們學習一手，搜了半天，實現效果 ...

vue實現一個組件其實很簡單但是要寫出一個好的可復用的組件那就需要多學習和鑽研一下，一個好的組件必須有其必不可少的有優點：一是能提高應用開發效率、測試性、復用性等；二是組件應該是高內聚、低耦合的；三是組件應遵循單向數據流的原則。 在實現我的圖片的拖拽組件我們的搞清其原理，在這里我使用 ...

vue開發公眾號項目，***產品需要添加一個新的功能。拖拽功能。一聽簡單。百度上輪子挺多，直接拉一個過來用着就行。然鵝。。。興奮之余，卻失望至極。東西很多，沒有一個能使得。你讓我失望，那我就讓你絕望。於是，拖拽的故事就開始了。。 vue拖拽功能組件源碼 vue拖拽功能 ...

最近在優化一個vue的博客系統，想實現文章列表處的文章拖拽功能。就試了一下awe-dnd vue插件，覺得還挺好用的。 安裝 npm install awe-dnd --save 使用 在main.js中，通過Vue.use引入 import ...

最近在用vue3重構后台的一個功能。一個彈窗組件，彈出一個表單。然后點擊提交。 早上運維突然跑過來問我，為啥彈窗擋住了下邊的表格的數據，我添加的時候，都沒法對照表格來看了。你必須給我解決一下。 我參考了一下幾大Vue的ui組件庫。發現element iview antv。好像都沒這個功能。為啥 ...

需求描述 最近在做一個后台系統，有一個功能產品需求是頁面分為左右兩部分，通過右邊的組件列表來動態配置左邊的頁面視圖，並且左邊由組件拼裝起來的視圖，可以實現上下拖拽改變順序，也可以刪除。 根據這個需求我做了下面這個demo。 功能分解 右邊的組件列表，可以通過拖拽克隆到左邊，拖拽結束后 ...

vue拖拽克隆clone組件API， vue.draggable實現盒子之間相互拖拽排序克隆（網上資源整理的文檔） 效果圖： 首先需要安裝vuedraggable依賴包： npm install vuedraggable --save 因為拖拽組件依賴sortablejs ...