51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课 免费课 排行榜 短视频 直播课 软考学堂
全部课程 软考 信创认证 华为认证 厂商认证 IT技术 PMP项目管理 免费题库
在线学习
文章 资源 问答 课堂 专栏 直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
CKA（Kubernetes 管理员认证）精品班
按照企业k8s需求进行技能培训，帮助用户快速拿下CKA认证，K8S采用新版本进行授课，课程内容全、讲解详细 。 免费试学
软考高级：系统架构设计师精品班
根据考试大纲对知识点、高频考点进行深入讲解，传授答题技巧及判断标准，助力高效备考。 免费试学
信创认证：系统架构师精品班（高级）
信息技术应用创新人才考试评价 免费试学

vue-draggable
javascript
github
转载
mob604756f828bf
2020-06-24 11:55:00
73阅读
2评论

vue-draggable-resizable
一、安装和基本用法npm install --save vue-draggable-resizable1、全局注册组件// main.js中写入： import Vue from 'vue' import VueDraggableResizable from 'vue-draggable-resizable' // 可选择导入默认样式 import 'vue-draggable-resizabl
vue
drag
resize
点击事件
css
转载
代码魔术师之手
6月前
2213阅读

vue draggable-example/
https://david-desmaisons.github.io/draggable-example/ https://github.com/David-Desmaisons/draggable-example
vue
原创
皮尔兄弟
2021-07-23 14:52:59
214阅读

Vue.Draggable学习总结
Draggable为基于Sortable.js的vue组件，用以实现拖拽功能。 特性 支持触摸设备支持拖拽和选择文本支持智能滚动支持不同列表之间...
拖拽
回调函数
css选择器
原创
冷月凤清7
2022-03-02 13:53:03
407阅读

Vue.Draggable拖拽效果
1.下载包：npm install vuedraggable 配置：package.json "dependencies": { "vuedraggable": "^2.11.0" }, 2.在你的组件中引进依赖： import draggable from 'vuedraggable' 3.注册：
html模板
json
原创
前端早茶
2022-05-12 17:31:50
640阅读

Vue.Draggable使用总结
Draggable为基于Sortable.js的vue组件，用以实现拖拽功能。 特性 支持触摸设备 支持拖拽和选择文本 支持智能滚动 支持不同列表之间的拖拽 不以jQuery为基础 和视图模型同步刷新 和vue2的国度动画兼容 支持撤销操作 当需要完全控制时，可以抛出所有变化 可以和现有的UI组件兼 ...
回调函数
拖拽
配置项
插槽
选择器
转载
mb5ff40cbf8aec1
2021-09-15 15:35:00
826阅读

VUE:vue-draggable-resizable简单改造
vue-draggable-resizable的简单改造，主要是添加唯一值传参，方便onResize和onDrag的时候获取对应属性 ...
控件
css
github
拖拽
看板
转载
mob60475702efd6
2021-07-30 10:23:00
2888阅读
2评论

vue-draggable-next使用
vue-draggable-next是一个基于Vue.js的可拖拽组件库，它是 vue-draggable 的下一代版本，适用于Vue3框架。该组件库支持多种拖拽场景，如列表排序、表格行拖拽、面板拖拽等，广泛应用于现代前端开发中，尤其是在需要实现复杂交互逻辑的业务场景‌
拖拽
插入图片
数据
原创
爱编程的小学究
3月前
575阅读

vue2 Vue Draggable Resizable示例
Vue的特点：1.采用组件化模式，提高代码复用率，使代码易于维护。2.声明式编码，编码人员无需直接操作DOM，提高开发效率。3.使用虚拟DOM和diff算法，尽量复用DOM节点。Vue.config.productionTip = false; // 阻止Vue在启动时生成生产提示 初识Vue：1. 想使用Vue，必须先创建实例，并且传入配置对象。2. 容器内代码仍然符合html规范，只
Vue
数据
双向绑定
转载
轩辕
8月前
258阅读

grafana 嵌到 vue里面 vue-draggable
Vue 综合了 Angualr 和 React 的优点，因其易上手，轻量级，受到了广泛应用。成为了是时下火热的前端框架，吸引着越来越多的前端开发者！本文将通过一个最简单的拖拽例子带领大家快速上手 Vue 组件 Vue-Draggable。首先，需要在工作环境中配置好 Vue-cli，创建一个 vue 项目。vue create test_1创建项目时会有很多安装步骤，按下面的说明选择配置：1.pi
grafana 嵌到 vue里面
Vue
Vue.js
前端
前端开发
转载
代码探险家
2024-04-19 13:35:33
321阅读

vue draggable 火狐拖拽搜索问题
最近在使用vuedraggable做导航时候，谷歌拖拽是没问题的，但是在火狐测试时候，拖拽时候是可以成功，但是火狐还是打开了一个新的tab，并且搜索了，一开始想着是阻止默认行为，但是在@end时间中阻止了默认行为，使用vue的.prevent.stop也是不行， 后来各种搜索后在这里才找到答案 传送
拖拽
.net
搜索
转载
苍青浪1
2022-07-14 09:45:15
174阅读

Vue.Draggable使用文档总结
Draggable为基于Sortable.js的vue组件，用以实现拖拽功能。 关于Vue.Draggable详细信息可以查看github地址特性支持触摸设备支持拖拽和选择文本支持智能滚动支持不同列表之间的拖拽不以jQuery为基础和视图模型同步刷新和vue2的国度动画兼容支持撤销操作当需要完全控制时，可以抛出所有变化可以和现有的UI组件兼容安装npm install vuedraggable引入
拖拽
Vue.Draggable
转载
凉凉的手33
2023-05-23 14:48:57
1064阅读

Vue.Draggable修改背景颜色
开启forceFallback属性，配置chosenClass<draggable v-model="bankList" forceFallback="true" chosenClass="chosen" > <transition-group > <div class="bank-li" v-for="e
Vue.Draggable
选中样式
原创
凉凉的手33
2023-05-23 15:05:36
822阅读

vue-draggable-plus Vue实现可拖拽插件
解决痛点在 Sortablejs 官方以往的 Vue 组件中，都是通过使用组件作为列表的直接子元素来实现拖拽列表，当我们使用一些组件库时，如果组件库中没有提供列表根元素的插槽，我们很难实现拖拽列表，vue-draggable-plus 完美解决了这个问题，它可以让你在任何元素上使用拖拽列表，我们可以使用指定元素的选择器，来获取到列表根元素，然后将列表根元素作
拖拽
选择器
Vue
原创
虾王之王
2024-09-21 06:33:25
1053阅读

vue选项
一、propsDataOption全局扩展的数据传递propsData不是和属性有关，用在全局扩展时进行传递数据。先回顾一下全局扩展的知识，作一个<header></header>的扩展标签出来。实际并比推荐用全局扩展的方式作自定义标签，学了组件，完全可以使用组件来做，这里只是为了演示propsData的用法。代码如下：<!DOCTYPEhtml><htm
vue
选项
原创
梦想代码
2018-03-19 17:18:11
2023阅读
1点赞

Vue 组件总结 （一、拖拽组件 Vue-draggable）
一、vue-draggable安装使用npm地址：https://www.npmjs.com/package/vuedraggable二、表格拖拽使用，举例：<tableclass="tabletable-condensed"><thead><tr><th>视频ID</th><th>名称</th><th&gt
Vue
draggable
vue
原创
v雪狐v
2018-05-09 11:18:54
10000+阅读
2点赞

Vue自定义指令：v-draggable
需求：实现一个拖拽指令，可在页面可视区域任意拖拽元素。思路：设置需要拖拽的元素为相对定位，其父元素为绝对定位；鼠标按下(onmousedown)时记录目标元素当前的 left 和 top 值；鼠标移动(onmousemove)时计算每次移动的横向距离和纵向距离的变化值，并改变元素的 left 和 top 值；鼠标松开(
拖拽
sed
绝对定位
原创
米女巫
2023-12-22 09:30:30
462阅读

基于Vue + Vue.Draggable实现自定义表单控件
https://blog.mrabit.com/details/59 自定义表单并且可拖拽，非常的强大！
拖拽
微信
自定义表单
原创
冷月凤清7
2022-03-02 14:13:17
591阅读

vue-draggable-resizable插件的API记录
vue-draggable-resizable插件的API记录 ...
句柄
自定义类
处理程序
缩放
选择器
转载
mb5fe18ec4a4df8
2021-10-28 18:43:00
1968阅读
2评论

vue 的 Draggable 组件实现 拖拽调整顺序
<template > <Draggable v-model="item2.area_list" :disabled="isDisabled" @change=" (event) => { onChange(
拖拽
vue
Draggable
动态交互
原创
mb64ffcfdd94648
2023-09-12 10:45:53
517阅读
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料
免费资料>
2025软考
系统架构设计师 系统规划与管理师 软件设计师 系统集成项目管理工程师
信创认证
系统架构师 信创集成项目管理师 信创规划管理师 系统开发工程师
厂商认证
CKA/CKS架构师 红帽认证工程师 Oracle-OCP认证 Oracle-OCM认证
IT技术
数据库高级工程师 AIGC大模型实战 Linux云计算架构师 Python全栈开发
华为认证
数通HCIP认证 云计算HCIE认证 华为存储HCIE认证 HCIP安全认证
相关文章

vue element draggable组件怎么找不到了

jquery ui draggable jquery ui draggable id

Draggable拖动

jquery draggable

jqueryui draggable调序 jquery的draggable

vue new ResizeObserver 单例模式 vue-draggable-resizable-gorkys

vues实现drag任务看板 vue draggable使用文档

Vue 3 选项 API

jquery 使用 draggable

jquery mobile draggable

Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号

关于我们
官方博客 全部文章 热门标签 班级博客
了解我们 网站地图 意见反馈
友情链接
鸿蒙开发者社区 51CTO学堂
51CTO 软考资讯