vue.Draggable

draggable布局 vue_基于Vue + Vue.Draggable实现自定义表单控件

新项目需要用到工作流设定+自定义表单控件，这里列出了自定义表单控件的代码实现,可实现自定义表单控件,可拖拽排序，自定义属性项目UI组件库为iView,ElementUI可根据项目内代码进行适当修改达到适用效果预览运行使用#installdependenciesnpminstall#servewithhotreloadatlocalhost:8080npmrundev文件目录.├──README.m
weixin_39921023·2020-12-21 18:31

vue-draggable 实现拖拽效果的使用方法

Vue.Draggable是一款基于Sortable.js实现的vue拖拽插件。
代码搬运媛·2020-10-16 11:00

Vue.Draggable - 基于 Vue.js 丝般柔滑的拖拽排序组件

在jQuery的时代，有很多动效非常流畅丝滑的拖拽排序插件，但在国内Vue.js起来后，却比较难找到一款像Sortable.js那样的组件，而Vue.Draggable就是一款基于Sortable.js
那些免费的砖·2020-09-24 12:59

Vue.Draggable+Element-ui Table实现拖拽

Vue.DraggableGitHub地址：https://github.com/SortableJS/Vue.DraggableLiveDemos：https://sortablejs.github.io/Vue.Draggable
Doflamingosun·2020-09-16 16:13

基于Vue + Vue.Draggable实现自定义表单控件

https://blog.mrabit.com/details/59https://gitee.com/biabia123456/vue-formbuilderhttp://www.maoyl.top/#/articledetails/61element-ui自定义拖拽组件生成表单
weixin_42178050·2020-09-15 15:01

Vue：支持新增、删除、拖拽的动态Form

大概支持以下功能：新增数据、删除数据，表单的拖拽，并在拖拽同时修改对应数据list的顺序，demo如下：拖拽功能使用了Vue.Draggable，控件使用ElementUI的Form表单。
简单随风·2020-09-14 09:14

Vue.Draggable实现从左到右拖拽功能

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

vue2.0使用vuedraggable实现组件拖动排序

之前做了小程序页面编辑器，现在需要实现左侧预览组件可以拖动排序，如下图：插件文档：Vue.Draggable安装：npmivuedraggable-S代码：importdraggablefrom'vuedraggable'exportdefault
Hy·2020-09-12 14:11

draggable拖拽组件使用

项目开发中需要用到拖拽组件，因为前端技术框架是vue，这里就使用了vue的一款拖拽插件vue.draggable，一般基本的需求都能满足，这里使用了多个draggable嵌套，达到两级之前相互拖拽的功能
刘老实1528·2020-09-12 13:02

基于Vue的TpForm可视化表单设计器

今天介绍一下自己业余时间摸索出来的表单设计器，采用的是基于Vue,ElementUI为大框架技术，还用到了Vue.draggable,vue-json-viewer,lodash等。
jaimor·2020-09-11 11:41

Vue 实现拖拽排序 vuedraggable插件

官方地址：https://sortablejs.github.io/Vue.Draggable/#/simpleGithub：https://github.com/SortableJS/Vue.DraggableDemo
杜杜丶Du·2020-08-16 18:22

js拖拽功能组件实例

右侧列表支持排序下载demo先从Vue.Draggable下载作者自己demo,本例子会基于作者的demo进行调整。
九丶弟·2020-08-09 03:02

vue和H5 draggable实现拖拽并替换效果

在网上找了很多资料都是用的Vue.Draggable(git地址)。但这个组件实现的拖拽后插入效果，我倒腾了很久也没有替换效果(如果Vue.Draggable能实现拖拽替换效果的话请大神给我留言)。
·2020-07-29 09:03

解决 vue.draggable 拖拽 点击事件失效无效与拖拽事件冲突的问题

draggable是个非常不错,而且很方便的拖拽组件,但是你在项目中可能会遇到被包裹的拖拽元素对象的点击事件失效的问题,事件冲突了.先看代码示例,再看解决思路及方法.安装使用:yarnaddvuedraggable或者npmi-Svuedraggablegithub:https://github.com/SortableJS/Vue.Draggable1.被拖拽组件的父组件Warp.vue{{it
狼丶宇先生·2020-07-16 05:18

使用Vue.Draggable写一个具有拖拽功能的组件

step1：安装npminstallvuedraggablestep2：引入importdraggablefrom'vuedraggable'step3：使用示例组件代码：{{$t(`customPage.Customize`)}}{{$t(`setup.ApplytoAll`)}}{{$t(`setup.Reset`)}}{{$t(`management.Submit`)}}{{$t(`mana
Lpd_Reason·2020-07-13 11:09

Vue.Draggable拖拽功能的配置和使用方法

使用cmd命令在项目根目录下下载安装Vue.Draggablenpminstallvuedraggable在组件中需要使用的引入importdraggablefrom'vuedraggable'注册组件components:{draggable}vue的template代码如{{item.net}}{{item.time}}{{item.wqcode}}移动复制删除导出编辑查看二维码
前端岚枫·2020-07-12 18:41

Vue.Draggable学习笔记

options：Object，配置项,就是sortable.js的propsgroup：stringorobjectstring：group="people"命名，个人建议用元素id就行,用处是为了设置可以拖放容器时使用，在array中的put的设置中再做介绍；object：{name,pull,put}:group="{name:'people',pull:'clone',put:false}"
dq_095·2020-07-09 23:26

使用Vue.Draggable和laravel实现拖动改变顺序

项目演示drag.gif准备工作新建laravel项目laravelnewdragcomposerinstallnpminstall2.安装Vue.Draggabelnpminstallvuedraggable数据准备建立seriesphpartisanmake:modelSeries-m-c-r-m:生成migration文件-c生成controller-r生成个resourcecontroll
Pehd·2020-07-01 06:00

vuedraggable插件使用总结

】经历：由于没写过前端，未遇过拖拽需求，被别人推荐使用draggable插件，摸索了一天才实现效果；【3】资源：vuedraggable插件：https://sortablejs.github.io/Vue.Draggable
想早日成为大佬的前端小白·2020-06-30 00:33

利用Vue.draggable 实现添加常用功能

具体需要实现，底部是所有all，上面是常用always，1.常用间可以互相拖拽排序，常用不能拖到底部all2.底部all间不能相互拖动，只可以拖动到常用，且拖动过后不可在拖动效果：希望对各位做类似功能的有所帮助，demo代码：常用{{element.name}}所有{{element.name}}importdraggablefrom'vuedraggable'exportdefault{name
shentibeitaokong·2020-06-26 09:50

Vue.Draggable实现拖动功能

先看效果图HTML点击加一行选中拖动items.id!==0)":key="item.id":label="item.name":value="item.id">删除取消邀请JS1：安装npminstallvuedraggable2：引入使用importdraggablefrom'vuedraggable';components:{draggable,},3：定义变量userDialogVisib
艳阳天那么风光好·2020-06-04 15:13

Vue.Draggable学习总结

Draggable为基于Sortable.js的vue组件，用以实现拖拽功能。特性支持触摸设备支持拖拽和选择文本支持智能滚动支持不同列表之间的拖拽不以jQuery为基础和视图模型同步刷新和vue2的国度动画兼容支持撤销操作当需要完全控制时，可以抛出所有变化可以和现有的UI组件兼容安装npminstallvuedraggable引入importdraggablefrom'vuedraggable'官
泪滴在琴上·2020-02-25 00:58

Vue拖拽排序

先看看官网demohttps://raw.githubusercontent.com/SortableJS/Vue.Draggable/master/example.gif首先在vue项目中，用npm包下载下来
李丹linda·2019-12-29 15:30

vuedraggable组件调整元素位置时，样式不跟着走——抛出的v-for的key的问题

vuedraggable，是一个拖拽换位的组件，vue2.0+组件，挺强大的，有需要的自己去搜索https://github.com/SortableJS/Vue.Draggable项目中，需要用到两个元素调换位置
小三金·2019-11-09 11:49

Vue.Draggable拖拽功能的配置和使用方法

安装方法：https://www.npmjs.com/package/vuedraggableyarnaddvuedraggablenpmi-Svuedraggable使用案例：{{item}}电动机的角度讲{{item}}区域importvuedraggablefrom"vuedraggable";exportdefault{components:{vuedraggable},data(){re
Hidden_bin·2019-07-17 09:19

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

vue拖拽克隆clone组件API，vue.draggable实现盒子之间相互拖拽排序克隆（网上资源整理的文档）效果图：-----------------------------------------
weixin186·2019-07-08 10:39

利用Vue-draggable组件实现Vue项目中表格内容的拖拽排序

Vue-draggable的github传送门:https://github.com/SortableJS/Vue.Draggable一.下载依赖包：npminstallvuedraggable-S二.
青橙618·2019-06-07 09:28

Vue.Draggable拖拽效果

1.下载包：npminstallvuedraggable配置：package.json"dependencies":{"vuedraggable":"^2.11.0"},2.在你的组件中引进依赖：importdraggablefrom'vuedraggable'3.注册：draggable这个组件components:{draggable},4.使用html模板中使用该组件{{element.na
weixin_30522183·2019-05-07 15:00

vue拖拽插件vuedraggable

最近有项目需要用到拖拽改变树结构，给大家推荐vue的插件库vuedraggable（gitHub:https://github.com/SortableJS/Vue.Draggable），这个插件是基于
我是一名程序媛·2019-04-16 22:02

vue + vuedraggable 实现拖拽排序

importdraggablefrom'vuedraggable'注册components:{draggable}html{{item.text}}相关文档官方地址：https://sortablejs.github.io/Vue.Draggable
aithena·2019-03-02 02:47

vue 和H5 draggable 实现拖拽并替换效果

在网上找了很多资料都是用的Vue.Draggable(git地址)。但这个组件实现的拖拽后插入效果，我倒腾了很久也没有替换效果(如果Vue.Draggable能实现拖拽替换效果的话请大神给我留言)。
小白菜大萝卜·2019-02-28 11:35

利用Vue-draggable组件， 进行Vue 项目中表格内容的拖拽排序

/www.cnblogs.com/xiangcheng618/p/10241090.htmlVue-draggable的github传送门:https://github.com/SortableJS/Vue.Draggable
LYL0987654321·2019-01-08 19:00

Vue.Draggable拖拽功能的配置使用方法

本文实例为大家分享了Vue.Draggable拖拽功能的具体代码，供大家参考，具体内容如下使用cmd命令在项目根目录下下载安装Vue.Draggablenpminstallvuedraggable在组件中需要使用的引入
岚枫秋秋·2018-12-03 08:53

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

本文实例为大家分享了vue.draggable实现表格拖拽排序效果展示的具体代码，供大家参考，具体内容如下主要使用vuedraggable和sortablejs两个组件。
ZoeLinJF·2018-12-01 10:08

elementUI Table组件实现拖拽效果

Vue.Draggable，Vue版本的Sortable。拖拽后能够使数据模型同步，完美兼容Vue的数据视图双向绑定。下面贴一下官方demo看得出来真的很强大。数据实时
唯一昵称真难·2018-11-03 00:29

vue.draggable 编写表格拖拽排序

主要使用vuedraggable和sortablejs两个组件。1、安装组件npminstallvuedraggablenpminstallsortablejs2、引入组件importdraggablefrom'vuedraggable';importSortablefrom'sortablejs';exportdefault{components:{draggable,Sortable},...
ZoeLinJF·2018-09-05 16:48

Vue.Draggable拖拽功能的配置和使用方法

使用cmd命令在项目根目录下下载安装Vue.Draggablenpminstallvuedraggable在组件中需要使用的引入importdraggablefrom'vuedraggable'注册组件components:{draggable}vue的template代码如{{item.net}}{{item.time}}{{item.wqcode}}移动复制删除导出编辑查看二维码
前端岚枫·2018-08-02 10:05

Vue.Draggable：基于 Sortable.js 的 Vue 拖拽组件使用中遇到的问题

Sortable.js介绍https://segmentfault.com/a/1190000008209715项目中遇到的问题：A-我需要在项目的拖拽组件中，使用背景1-想到的第一个办法就是通过index根据列表索引添加背景问题：拖拽是可以换动顺序的，所以不管我怎么拖动，背景的顺序并不不会变。2-第二个办法是，通过动态给列表绑定ID，通过id来添加背景，这总没问题了吧问题：很奇怪的问题，我现在也
weixin_30341745·2018-05-29 17:00

Vue框架移动端开发组件集合

vue-upload-componentVuejs文件上传组件vue-core-image-upload轻量级的vue上传插件vue-dropzone用于文件上传的Vue组件vue-image-crop-uploadvue图片剪裁上传组件拖拽Vue.Draggable
AndCo·2018-05-11 10:31

Vue.Draggable 文档总结

Vue.Draggable学习总结Draggable为基于Sortable.js的vue组件，用以实现拖拽功能。
Clew123·2018-04-03 21:15

学习笔记《Vue Draggable》

VueDraggable是一个实现拖拽功能的Vue组件，找了一圈发现只有这个组件有多了list之间互相拖拽的功能实现，使用下来也觉得功能蛮齐备的，组件地址：https://github.com/SortableJS/Vue.Draggable
马文Marvin·2017-12-07 04:05

Vue.Draggable实现拖拽效果（采坑小记）

之前有写过Vue.Draggable实现拖拽效果（快速使用）（http://www.cnblogs.com/songdongdong/p/6928945.html）最近项目中要用到这个拖拽的效果，当产品那个今日头条
weixin_30755709·2017-11-28 19:00

Vue.Draggable实现拖拽效果

快速实现Vue.Draggable的拖拽效果，供大家参考，具体内容如下1.下载包：npminstallvuedraggable配置：package.json"dependencies":{"element-ui
Drox·2017-06-01 15:43

Vue.Draggable实现拖拽效果（快速使用）

1.下载包：npminstallvuedraggable配置：package.json"dependencies":{"element-ui":"^1.3.4","less":"^2.7.2","less-loader":"^4.0.4","vue":"^2.3.3","vue-router":"^2.3.1","vuedraggable":"^2.11.0"},2.在你的组件中引进依赖：impo
weixin_30443895·2017-06-01 15:00
上一页 1 2 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他