drag 第13页

(GoRails )使用Vue.js制作拖拉list功能(v1-4) gem 'acts_as_list'(自动排列顺序)

系列视频：useVue.jstobuildthedraganddropsupportforthelistthemselvesthecardsthatareunderneaththem,andthenwe'regoingtobesyncing

weixin_30681121·2023-11-11 23:55

vue脚手架-上传图片根据下拉框选择到的不同，显示不一样的图片内容（一）

根据下拉框选择的选项不同，展示出不一样的图片内容此篇文章主要实现下拉款选择和图片连接起来以及添加和删除，下篇则是实现图片拖拽(draggable)和更新效果：·---------------------

唯心所现，唯识所变·2023-11-11 23:24

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

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

June·DD·2023-11-11 23:20

vue-draggable浏览器拖拽event事件对象拖动时 DragEvent path undefined

场景：在做组件拖拽过程中，需要获取到触发元素冒泡过程中的所有元素，所以使用了event.path属性。在Chrome下正常运行，但是在FireFox下测试时发现，完犊子，失效了，通过问题排查，发现了Chrome下打印的event事件对象和FireFox下打印的事件对象不一样，在火狐浏览器下没有event.path属性。描述：！原始chrome的event事件对象存在path属性！在chrome浏览

甘道夫_9527·2023-11-11 23:48

vue-draggable-resizable拖拽组件以及常用api

安装：npminstall--savevue-draggable-resizablemain.jsimport{createApp}from'vue'importAppfrom'.

m0_63701303·2023-11-11 13:56

Java中单例模式

packagecharactor;publicclassGiantDragon{//私有化构造方法使得该类无法在外部通过new进行实例化privateGiantDragon(){}//准备一个类属性，指向一个实

piolet0016·2023-11-11 04:06

C# wpf 实现任意控件（包括窗口）更多拖动功能

内控件拖动第二章Canvas内控件拖动第三章任意控件拖动第四章窗口拖动第五章附加属性实现任意拖动第六章拓展更多拖动功能（本章）文章目录系列文章目录前言一、添加的功能1、任意控件MoveTo2、任意控件DragMove3

CodeOfCC·2023-11-10 18:33

开源之夏经验分享｜Dragonfly 社区李从旺：社区贡献也是一种影响力

今天，我们邀请到了开源之夏2023活动Dragonfly社区的中选学生李从旺同学，他此次承担的项目是——「PyTorchServe基于DragonflyP2P技术分发模型」。

SOFAStack·2023-11-10 01:08

vue3实现组件可拖拽 vuedraggable

npmi-Svuedraggable@next中文文档，里面有完整代码案例，值得一看vue.draggablevue3版本在工作台中的应用场景-itxst.com

smiledawen·2023-11-09 15:26

ElementUI的Dialog弹窗实现全局命令拖拽移动功能

组件这是一段信息取消确定其次在src文件下创建utils文件，在utils文件下创建全局拖拽文件directive.jsimportVuefrom'vue'//弹窗全局拖动指令Vue.directive('dialogDrag

Tenderྉ458·2023-11-09 12:44

vue实现elementUI的弹窗可拖拽移动效果

importVuefrom'vue'//v-dialogDrag:弹窗拖拽Vue.directive('dialogDrag',{bind(el,binding,vnode,oldVnode){constdialogHeaderEl

浮桥·2023-11-09 12:43

elementui el-dialog 拖拽封装兼容ie以及添加可视区域拖拽

/dragDialog'import{Dialog}from'element-ui'exportdefault{name:'ElDialog',/***弹框组件**/props:{//是否需要拖拽isDrag

weixin_45410246·2023-11-09 12:43

elementui 弹窗dialog拖动

1、创建一个文件将下面js放进去importVuefrom'vue'//v-dialogDrag:弹窗拖拽Vue.directive('dialogDrag',{bind(el,binding,vnode

青果小橙子·2023-11-09 12:43

vue2elementUI的dialog弹窗拖拽

importVuefrom'vue'//v-dialogDrag:弹窗拖拽Vue.directive('dialogDrag',{bind(el,binding,vnode,oldVnode){//获取拖拽内容头部

unoooooooo·2023-11-09 12:13

elementui中el-dialog弹窗移动缩放大小（保留上次位置大小）

demo地址链接效果演示一、创建一个dialog.js文件，并在main.js中进行引入（dialog.js路径位置随个人习惯即可）importVuefrom'vue'//v-dialogDrag:弹窗拖拽属性

·某某··2023-11-09 12:12

vue+elementUI项目设置弹窗可拖动

1.在src中新建directive文件夹2.新建dialogDrag.js文件，内容如下importVuefrom'vue'//v-dialogDrag:弹窗拖拽属性Vue.directive('dialogDrag

zj_zjk_sjz·2023-11-09 12:11

elementui el-dialog弹窗最大化，拖动改变大小

styles/variables.scss'/**使用方法*将以下代码复制到一个js文件中，然后在入口文件main.js中import引入即可；*给elementUI的dialog上加上v-dialogDrag

小白VUE·2023-11-09 12:40

element 弹窗实现拖拽放大拉伸

element弹窗实现拖拽放大拉伸自定义一个指令，下方代码直接使用，针对的是element弹窗使用：直接引入js,在el-dialog上只是使用v-dialogDrag就可以了，斜角拉升有点问题，建议注释掉

小墨宝·2023-11-09 12:40

el-dialog 弹窗移动

1、下载dialogDrag.js2、main.js配置为全局3、在el-dialog引用v-dialogDrag配上dialogDrag.js代码importVuefrom'vue';/**使用方法*

萧大侠jdeps·2023-11-09 12:10

实现ElementUI的Dialog弹窗可以拖拽移动

（最终实现结果如下图所示）实现步骤1.创建自定义指令/directive/el-dragDialog/index.jsimportdragfr

RoddyLD·2023-11-09 12:38

ElementUI实现Dialog弹窗拖拽

一、指令式实现dialogDraggable.js//自定义指令：实现element-ui对话框dialog拖拽功能importVuefrom'vue'//v-draggable:弹窗拖拽Vue.dir

要不要吃烤肉·2023-11-09 12:08

ElementUI的Dialog弹窗实现拖拽移动功能

实现ElementUI的Dialog弹窗可以拖拽移动实现步骤：1.创建自定义指令在utils文件夹下新建文件夹utils/directive/el-dragDialog/index.jsimportdragfrom

新时代丘鸣山·2023-11-09 12:37

vue3拖拽排序——vuedraggable

文章目录安装代码效果拖拽前拖拽时拖拽后vue3的拖拽排序博主用的是vuedraggable安装安装npmivuedraggable@4.1.0--save引用importDraggablefrom'vuedraggable

高级甩锅工程师·2023-11-09 12:28

开发知识点-stm32/ESP32/Mega2560嵌入式设计

嵌入式设计STM32四轴飞行器原理图解析小马哥DragonFly四轴软件开发13STM32SPI总线通讯SPI总线协议简介SPI物理层SPI协议层SPI通信时序STM32硬件SPI接口简介SPI接口利用库函数初始化配置

amingMM·2023-11-09 07:33

（论文阅读18/100）SSD: Single Shot MultiBox Detector

文献阅读笔记简介题目SSD:SingleShotMultiBoxDetector作者WeiLiu,DragomirAnguelov,DumitruErhan,ChristianSzegedy,ScottReed

朽月初二·2023-11-09 02:43

QT 内存泄漏检测工具VLD

1.官方下载地址：https://kinddragon.github.io/vld/可以下载最新的版本V2.5.12.下载后安装。

雪易·2023-11-09 00:57

【鸿蒙软件开发】ArkUI容器组件之Grid(网格布局)

文章目录前言一、Grid1.1子组件GridItem是什么子组件接口属性事件示例代码1.2接口参数1.3属性1.4Grid的几种布局模式1.5GridDirection枚举说明1.6事件ItemDragInfo

人才程序员·2023-11-08 13:52

IntellIJ IDEA 配置 Maven 以及修改默认 Repository

转自：phpdragon的《IntellIJIDEA配置Maven以及修改默认Repository》原址：https://www.cnblogs.com/phpdragon/p/7216626.html

m0_67393157·2023-11-08 06:21

Vue3中的列表拖拽排序

先写了在Vue3中利用HTML5的draggable属性手写实现列表拖拽排序的功能。

程序员辰风·2023-11-08 06:15

自定义拖拽列表

element.label}}{{element.label}}取消保存import{ref,onMounted,computed,watch,getCurrentInstance}from"vue"importDraggablefrom"vuedraggable"i

ahwangzc·2023-11-08 04:31

android 半浮层框架,GitHub - Jodragon/AnyLayer: Android稳定高效的浮层创建管理框架

AnyLayerAndroid稳定高效的浮层创建管理框架。可取代系统自带Dialog/Popup/BottomSheet等弹窗，可实现单Activity架构的Toast提示，可定制任意样式的Guide引导层，可实现依附Activity的Float悬浮按钮。简介同时兼容support和androidx链式调用支持自由扩展实现几种常用效果Dialog效果占用区域不会超过当前Activity避免导航栏遮

古都大同·2023-11-07 17:21

拖拽之路（四）：自定义QListView实现美观的拖拽样式（拖拽不影响选中）

实现功能及方法：拖拽功能实现：继承QListView（重写drag事件）item在release时被选中：继承QListView（重写mousePressEvent和mouseReleaseEve

hanjialeOK·2023-11-07 15:27

Unity学习 2D角色 PlayerControl脚本编写

可以在Rigidbody2D中设置线性阻尼(LinearDrag)，来抵消这种移动惯性，数值越大惯性越小。

CH400S·2023-11-07 11:31

火山引擎基于 Dragonfly 加速实践

文｜黄逸炀DragonflyMaintainer字节跳动火山引擎软件工程师专注于镜像存储及镜像P2P分发本文4483字阅读12分钟PART.0背景火山引擎镜像仓库CR使用TOS来存储容器镜像。

SOFAStack·2023-11-07 05:03

(十四)事件

单击屏幕doubletap双击屏幕longtap长按屏幕hold按住屏幕release离开屏幕swipeleft向左边滑动swipeup向上边滑动swipedown向下边滑动swiperight向右边滑动dragstart

我拥抱着我的未来·2023-11-06 14:57

Vue结合Html5中drag和drop实现拖拽与放置

目标推拽和放置是html5常用事件，利用Vue对事件的改造，实现一个从左边区域推拽元素，并放置到右边区域的功能效果概念【源对象】拖拽的事件：Html5Vue含义备注ondragstart用户开始拖动元素时触发

暴走十八步·2023-11-06 13:18

鼠标拖拽横向滑动(仿swiper效果)

大致思路：开始是想着用drag事件，但是在这里不太适合。改成

尧...·2023-11-06 12:58

python嵌套_Python简介，第7章-导入和嵌套

breakingupfightsandcatchingthievesandhelpingtheelderlycrossthestreet.WhentheEmpirearoseandmovedhimtoHR,hedraggedprisonerstostaffmeetingsandhauledcorpsesawaywit

cumei1658·2023-11-06 00:16

相比ES，ClickHouse简直不要太香

目录背景日志系统演进之路技术详解前端日志查询系统正确使用姿势背景唯品会日志系统dragonfly1.0是基于EFK构建，于2014年服务至今已长达7年，支持物理机日志采集，容器日志采集，特殊分类日志综合采集等

强哥叨逼叨·2023-11-05 23:44

完美拖拽

=ev.clientX-$(this).offset().left;vardisY=ev.clientY-$(this).offset().top;$(document).on('mousemove.drag

小羊子简述·2023-11-05 17:40

vue.draggable拖拽生成课程表

设计稿实现Vue-Draggable拖拽

飞鱼爱吃米·2023-11-05 15:51

网页端做课程表拖拽，能够删改

在这两天我用vuedraggable作为插件进行开发，这个插件的使用在网上可以找到很多。在这里我放出来它的中文文档地址vuedraggable文档地址，这个插件整体使用下来的感受就是如果我要在多个列

浪子多掏·2023-11-05 15:19

js实现课程表拖拽功能

最近发现了一个用js实现拖拽的功能,记录一下之前工作中再有的系统上用到过类似的功能,但只会使用,一直不知道怎么实现的功能要求:点击左侧各学科可随意拖动至右边放方格内,可覆盖,可移除html部分,给元素添加draggable

@小鱼游啊游·2023-11-05 15:48

android 课程表拖拽,jquery easyui课程表拖放效果代码

利用jqueryEasyUI实现学校课程表的拖放设计，效果图：如何将左边的课程拖到右边的单元格上，利用draggable,droppable二个插件就可以做到。

高榕资本·2023-11-05 15:48

easyUI拖动课程进课程表

拖动课程表$(document).ready(function(){//拖动左边的课程$('.left.item').draggable({revert:true,proxy:'clone'});//拖动的课程进入右边的课程表

weixin_33961829·2023-11-05 15:46

vue2实现托拉拽课表

一、先安装插件draggable二、进行全局注册在main.jsimportdraggablefrom'vuedraggable';Vue.component("draggable",draggable

Marry&Home·2023-11-05 15:09

vue需求：实现签章/签字在页面上自由定位的功能（本质：元素在页面上的拖拽）

目录第一章效果展示第二章了解工具2.1draggable2.1.1了解draggable2.1.2draggable方法2.1.3利用例子理解方法第三章效果实现3.1实现思路3.2代码实现3.2.1涉及到的点

❆VE❆·2023-11-05 11:58

vue3+element Plus实现弹框的拖拽、可点击底层页面功能

1、template部分必须加的属性modal:是否去掉遮罩层close-on-click-modal:是否可以通过点击modal关闭Dialogdraggable:开启拖拽功能2、css部分网上查找的资料

wyy爱学习·2023-11-05 07:13

delphi程序怎么在运行时允许拖动组件

private{Privatedeclarations}public//设置全局变量varX,Y:Integer;IsDrag:Boolean;{Publicdeclarations}end;varForm1

一只长不大的小菜鸟·2023-11-05 06:39

Qt之 QTreeWidget：1 拖拽项目

Qt之QTreeWidget：1拖拽项目QTreeWidget的拖拽实现，比较简单，但过程是绕了点路的，按照常规的方法：子类化QTreeWidget、重写Drag和Drop的相关事件、利用QMimeData

hitzsf·2023-11-05 06:43

推荐频道

drag