vue.Draggable

Vuedraggable 拖拽组件插件

Vuedraggable拖拽组件插件Vue.Draggable是一款基于Sortable.js实现的vue拖拽插件。
栗栗皆辛苦啊·2024-02-05 22:57

前端开发之VueDraggable使用和实例

前端开发之VueDraggable使用和实例一、前言：二、Vue.Draggable简介三、效果图四、相关链接五、vue2中使用Vue.Draggable1、vue2安装插件2、vue文件六、vue3中使用
冯浩(grow up)·2024-02-04 15:50

vue：使用【3.0】：拖拽数据

1、参考链接：vue.draggable中文文档-itxst.com2、想要实现的效果图：红框内容可以拖拽3、安装yarnaddvuedraggable@nextnpmi-Svuedraggable@next4
帅帅哥的兜兜·2024-01-17 13:38

拖拽不够自由？Vue3 DnD它来了！

前言众所周知，在React中有一款非常强大的拖拽库，叫ReactDnD，而Vue中，大部分都是类似于vue.draggable等拖拽排序的库，然而它并不能满足我们所有的需求，特别是应对一些自由拖拽或混合拖拽的场景
【南汐】前端·2024-01-17 06:18

vue3 vue.draggable.next 拖拽插件

简单介绍vue.draggable.next是一款vue3的拖拽插件,是vue.draggable升级版本，同样是基于Sortable.js实现的，你可以用它来拖拽列表、菜单、工作台、选项卡等常见的工作场景
W.Y.B.G·2024-01-12 13:20

Vue2 _ 实现拖拽功能

老项目重构，其中有一些拖拽功能，不过用的是两个开源JS拖拽文件实现的效果，版本太老了，所以需要换代了，然后就查阅了能够用Vue来简单快速实现拖拽的功能实现方法：目录一、HTML拖放二、Vue.Draggable
雨季mo浅忆·2024-01-09 09:58

vue.draggable实现表格拖拽排序效果

设置元素可被拖放能被拖放的元素拖放事件拖放涉及到两种元素，一种是被拖拽元素（源对象），一种是放置区元素（目标对象）。按住A元素往B元素拖拽，A元素即为源对象，B元素即为目标对象拖拽事件类型拖拽排序{{item.label}}exportdefault{data(){return{list:[{label:'列表1'},{label:'列表2'},{label:'列表3'},{label:'列表4'
hl0406·2024-01-06 09:01

【Vue实用功能】Vue实现拖拽元素、列表拖拽排序

Vue实现拖拽元素、列表拖拽排序需求：1、左右两个容器，左边和右边的元素可以拖动互换2、列表拖拽排序组件使用Vue.Draggable是一款基于Sortable.js实现的vue拖拽插件支持移动设备、拖拽和选择文本
周围都是小趴菜·2023-11-30 12:06

【vue2多列拖拽组件】vue.draggable嵌套拖拽使用

背景：因为项目的需求，需要多组拖拽分配，还能支持排序效果图最近太忙了，没时间描述，直接上完整代码，中文文档看这里完整代码一级菜单选项{{element.name}}二级菜单选项{{element.name}}权限分配结果{{firstEl.name}}{{secondEl.name}}//导入draggable组件importdraggablefrom'vuedraggable'exportdef
Fantasywt·2023-11-26 13:36

vue中使用vuedraggable

最近项目中使用vuedraggable这个插件，实现拖拽功能，vuedraggable官网文档：官方文档：https://github.com/SortableJS/Vue.Draggable；vuedraggable
从未转生的史莱姆·2023-11-20 22:38

Vue.Draggable 踩坑：add 事件与 change 事件中 newIndex 字段不同之谜

背景最近在弄自定义表单，需要拖动组件进行表单设计，所以用到了Vue.Draggable(中文文档)。
June·DD·2023-11-11 23:20

vue.draggable拖拽生成课程表

需求根据数据源提供的科目及教师信息，拖拽至空白课表内，生成一份课表。需求分析数据源首先科目有多个，教师也有多个。数据源部分做一个切换选择科目的效果，选取科目后，提供科目及授课人名字。课表课表可以是一张空白课表，也可以默认指定某日某节某人某课。课表使用表格呈现，这样区域方便划分。表头是工作日，表体部分的第一列是节次。为了更方便查看，最左边设计上中下午段的划分。设计稿实现Vue-Draggable拖拽
飞鱼爱吃米·2023-11-05 15:51

vue拖拽组件 vuedraggable 实现拖拽功能

vue拖拽克隆clone组件API，vue.draggable实现盒子之间相互拖拽排序克隆（网上资源整理的文档）效果图：首先需要安装vuedraggable依赖包：npminstallvuedraggable
前端老实人灬·2023-11-02 00:31

python vuedraggable_vue拖拽组件 vuedraggable API options实现盒子之间相互拖拽排序

vue拖拽克隆clone组件API，vue.draggable实现盒子之间相互拖拽排序克隆(网上资源整理的文档)效果图：-----------------------------------------
芒果绵绵冰·2023-11-02 00:00

VUE.DRAGGABLE实现从左到右拖拽功能

功能描述：1、左边【一级、二级、三级】字样是不能拖拽的，【item1、item2…】可以拖拽2、左边items位置固定，只能向右拖拽，不能上下拖拽，如：item7从左边拖到右边，左边的item7消失，右边增加item73、右边items可以自由拖拽，但不能向左拖拽4、右边items可以删除，如：点击item7的“×”，右边item7消失，左边item7出现5、重置时，页面回复初始化状态实现方法：1
青梅SEO·2023-11-01 23:55

sortable vue_基于Sortable.js的Vue拖放组件

sortablevueVue可拖动(Vue.Draggable)Vuecomponent(Vue.js2.0)ordirective(Vue.js1.0)allowingdrag-and-dropandsynchronizationwithviewmodelarray.Vue
cuk5239·2023-11-01 23:51

vue拖拽组件 vuedraggable API options实现盒子之间相互拖拽排序克隆clone

vue拖拽克隆clone组件API，vue.draggable实现盒子之间相互拖拽排序克隆（网上资源整理的文档）效果图：首先需要安装vuedraggable依赖包：npminstallvuedraggable
anbaque4102·2023-11-01 23:20

Electron+Vue3+TypeScript+Vite +Vue.Draggable 完成事务拖动

(image-9665ed-1652694715737)]有了简单的框架，下面来点实际业务相关的操作吧，集成Vue.Draggable，将每一项任务拖拽任务到每个分类吧。
web秀·2023-10-28 17:35

vue--拖拽实现推荐方案

方案一：vue.draggable中文文档:网址方案二：sortablejs官方文档：网址varsortable=newSortable(el,{group:"name",//or{name:"..."
hyduan200·2023-10-18 14:26

vue实现拖拽排序

在业务中列表拖拽排序是比较常见的需求，常见的JS拖拽库有Sortable.js，Vue.Draggable等，大多数同学遇到这种需求也是更多的求助于这些JS库，其实，使用HTML原生的拖放事件来实现拖拽排序并不复杂
视图猿人·2023-10-09 01:54

jquery-ui sortable 使用实例

由于网站是基于vue的技术栈，最开始找了一个现成的vue封装的拖拽组件：Vue.Draggable，该组件是基于sortable封装的。
weixin_30544657·2023-09-28 21:43

vue.draggable拖拽，项目中三个表格互相拖拽的实例操作，前端分页等更多小技巧~

vue.draggable中文文档-itxst.com官网在这里，感兴趣的小伙伴可以看看。
阿 尭·2023-09-28 11:33

vue - vue.draggable - 盒子间互拽解决方案

大体效果是这样得！首先需要安装vuedraggable依赖包：npminstallvuedraggable--save因为拖拽组件依赖sortablejs，如果项目没有安装sortablejs，可能需要安装一下npminstallsortablejs--save这里解释一下参数得：group一种直接string:string：命名，个人建议用元素id就行,用处是为了设置可以拖放容器时使用，在arr
心淡然如水·2023-09-12 09:03

如何在element-ui中使用拖拽排序?

element-ui本身并不具备拖拽功能,因此选用了vuedraggable插件进行实现.效果图如下:拖拽排序展示.gifVue.Draggable文档地址:https://github.com/SortableJS/Vue.Draggable
小涂异想世界·2023-08-15 09:37

vue.draggable浅尝

介绍Vue.Draggable是一款基于Sortable.js实现的vue拖拽插件。
好喝的西北风·2023-08-14 17:18

vue的拖拽插件: vue.draggable

中文文档地址:vue.draggable中文文档-itxst.comVue.Draggable是一款基于Sortable.js实现的vue拖拽插件。
zhougl996·2023-07-29 06:30

element+draggable+tag标签实现可新增、拖拽标签及排序

elementui.tag标签用法：Element-Theworld'smostpopularVueUIframeworkvue.draggaable用法：vue.draggable中文文档-itxst.com
又再写bug·2023-07-25 17:57

【组件】前端js拖拽插件 VUE

Vuesmoothdnd-简单动效，上下拖拽排序，涵盖多场景V-drag-最简单的可拖拽执行方案VueEasyDnD-简洁快捷，上下拖拽场景适用Awednd-基于vue2.x拖放排序组件，元素和图片拖拽通用vue.draggable
我是Superman丶·2023-07-22 18:02

vue clone html,vue.draggable的clone拷贝实现常用菜单功能

vue.draggable的clone拷贝实现常用菜单功能vue.draggable的clone拷贝实现常用菜单功能，从一个拖拽组拖动到另外一个组而原来的那种组的元素不移除。
慢慢密密麻麻·2023-07-21 10:16

vue3中使用Vue.Draggable的clone模式及遇到的坑

类似这种效果：代码：//左边的列表队员选择{{element.name}}//右边的列表{{element.name}}我用的是Vue.Draggable组件，不得不说这个组件真是太好用了，它的官方地址
一只爱吃糖的小羊·2023-07-21 10:14

vue.draggable拖拽列表，更换元素位置

这一篇文章引入vue.draggable拖拽列表他，有动画效果更流畅。
·2023-06-15 13:16

vue.draggable拖拽列表，更换元素位置

这一篇文章引入vue.draggable拖拽列表他，有动画效果更流畅。
·2023-06-06 22:08

使用vuedraggable拖拽排序

,参考文档：vuedraggable,Vue.Draggable学习总结使用插件vuedraggable###一级排序1.使用npm安装插件vuedraggablenpmi-Svuedraggable2
赵伟敏_19·2023-04-17 13:33

拖拽不够自由？Vue3 DnD它来了！

前言众所周知，在React中有一款非常强大的拖拽库，叫ReactDnD，而Vue中，大部分都是类似于vue.draggable等拖拽排序的库，然而它并不能满足我们所有的需求，特别是应对一些自由拖拽或混合拖拽的场景
郝晨光·2023-04-08 16:45

前端:基于vue.draggable 拖拽列表实现,并获取下标及元素.

GIF.gif由于公司有个需求，所以学习了这个插件.演示图下面是代码块超性感标记语言.html{{item.name}}{{element.model}}{{indexs}}新建卡片{{listString}}-->{{list[index].list}}注入灵魂.jsDraggable为基于Sortable.js的vue组件，用以实现拖拽功能。如果没有下载draggable请在node.js输入
十一他叫路易斯·2023-03-20 08:06

Vue.Draggable 拖拽排序(小记)

-官方文档https://github.com/SortableJS/Vue.Draggableform_images=[{id:98,img_url:"20220919\4253950177a76ba3655cf09c30623887.png",sort:0,…}{id:97,img_url:"20220919\91cfb9e46e8ca5a490f0ff20ee38d249.jpg",sort
可乐_加冰_·2023-03-10 11:32

Vue实用功能之实现拖拽元素、列表拖拽排序

目录Vue实现拖拽元素、列表拖拽排序组件使用补充：排序动画总结Vue实现拖拽元素、列表拖拽排序需求：1、左右两个容器，左边和右边的元素可以拖动互换2、列表拖拽排序组件使用Vue.Draggable是一款基于
·2022-10-29 07:03

Vue——vuedraggable拖拽组件使用文档总结

关于Vue.Draggable详细信息可以查看Github地址特性支持触摸设备支持拖拽和选择文本支持智能滚动支持不同列表之间的拖拽不以jQuery为基础和视图模型同步刷新和vue2的国度
月来better·2022-10-26 15:33

拖拽标签到图表中 借助vue.draggable和antvX6

参考网址vue.draggablevue3官网：https://www.itxst.com/vue-draggable-next/tutorial.htmlantvX6实现图表功能https://x6.antv.vision/zh/examples/galleryVue实现可视化拖拽页面编辑器https://www.jb51.net/article/205203.htmhttps://demo-p
zZ_d205·2022-10-13 17:23

使用 vue.draggable 实现拖拽、克隆

这是大佬的博客https://blog.csdn.net/zjiang1994/article/details/79809687里面对vue.draggable的一些方法和属性，进行了详解，非常的详细，
coderdwy·2022-09-30 05:50

vue中vuedraggable 拖拽列表的使用 vuedraggable踩坑之路

接下来我来总结一下它的使用【想看官网的这里来】vue中draggable拖拽列表的使用https://github.com/SortableJS/Vue.Draggable官方示例：https://sortablejs.github.io
陌上烟雨寒·2022-06-23 17:53

详解vue项目中使用vuedraggable

官方文档：https://github.com/SortableJS/Vue.Draggable；由于vue3已经是默认版本了，所以vuedraggable也对应vue2.0和3.0有各自的版本，直接使用
·2022-05-21 12:23

Vue——web端数组拖拽排序插件——vue.draggable

关于web端数组拖拽排序功能，有h5自带的draggable属性，以及基于此的sortablejs插件，以及在此基础上基于Vue框架的vue.draggable。
jslyty·2022-04-30 20:32

Vue——使用vuedraggable实现拖拽

Vue.Draggable使用文档总结地址：https://juejin.cn/post/6844904150350692366vuedraggable拖拽第一步：安装vuedraggable依赖npmivuedraggable
月来better·2022-04-30 20:31

vue如何实现拖动图片进行排序Vue.Draggable

目录拖动图片进行排序Vue.Draggable下面是实现过程项目draggable拖拽移动图片顺序第一步、导入第二步、组件引入第三步、定义组件第四步、页面中使用拖动图片进行排序Vue.Draggable
·2022-04-22 18:52

vue项目中使用vuedraggable

官方文档：https://github.com/SortableJS/Vue.Draggable；由于vue3已经是默认版本了，所以vuedraggable也对应vue2.0和3.0有各自的版本，直接使用
前端挖掘机007·2022-04-21 09:18

Vue.Draggable实现交换位置

Vue.Draggable实现交换位置，供大家参考，具体内容如下前言最近的一个项目接触了到了Vue.Draggable这个组件。不过我们的需求和Vue.Draggable这个组件所支持的有些出入。
·2022-04-12 22:06

Vue.Draggable拖拽排序组件

Vue.Draggable几乎满足拖拽功能的所有需求，支持cdn直接引入js文件，支持Vuecli方式引入。官网有很详细的文档以及非常充足的代码例子，上手非常容易。
·2021-03-31 21:10

vue中如何简单使用vue.draggable组件实现拖拽功能

Vue.Draggable是一款基于Sortable.js实现的vue拖拽插件。
米西呀·2021-01-21 12:12

vue 实现文本的拖拽_Vue.Draggable实现拖拽效果（采坑小记）

之前有写过Vue.Draggable实现拖拽效果(快速使用)(http://www.cnblogs.com/songdongdong/p/6928945.html)最近项目中要用到这个拖拽的效果，当产品那个今日头条
领易房地产观察家·2020-12-28 21:52
上一页 1 2 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他