需求简介 最近接了一个需求，需要实现不同登录人员可以自定义首页模块卡片。简单来说，就是实现首页看板模块的增添与拖拉拽，效果如下： 技术选型 原生js是支持拖拉拽的，只需要将拖拽的元素的 draggab

关于后台的编辑功能，大致分为两部分：`组件拖拽预览`、`组件内容编辑实时预览`。 对于组件拖拽预览，用户可以在含有各种功能组件的列表中，选择需要的组件进行拖拽。

前段时间偶然翻掘金的过程中发现有人宣传 vue 的拖拽库断代了，这也太孤陋寡闻了，那么我也来蹭一下热度。

🖼文件拖拽上传功能现在已经随处可见，大家应该都用过了吧，那么它具体是怎么实现的大家有去了解过吗？今天我们一起来实现一下这个功能，并封装一个拖拽上传组件吧。

我们在实际开发中经常能遇见拖拽的运用场景，比如说拖拽排序、拖拽删除等，本文将以实现一个简单的课程表来进行拖拽API的简单应用，帮助大家复习一下一些基础知识。 相关拖拽事件 实现一个元素拖拽，我们只需要

拖拽排序是前端的常见需求，特别是在管理系统或者编辑器里。 比如低代码编辑器就支持把组件拖到页面不同位置来添加组件、调整顺序： 那么拖拽排序是怎么实现的呢？ 首先我们分析下它会用到啥事件： 比较容易想到

说到元素拖拽，通常都会先想到用 HTML5 的拖拽放置 (Drag 和 Drop) 来实现，它提供了一套完整的事件机制，看起来似乎是首选的解决方案，但实际却不是那么美好，主要是它的样式太过简陋

「这是我参与2022首次更文挑战的第20天，活动详情查看：2022首次更文挑战」。 一、安装方式 draggable 官网 二、属性 1、属性列表 属性名称 说明 group group= "name

前段时间，新项目要做一个看板模块。首先想到了element提供的穿梭框，仔细看完后，发现穿梭框并不能实现想要的功能。公司项目之前开发过类似的拖动功能，在嵌套数组中的元素，互相拖动。