先下载插件。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 ...