注册会员 | 设为首页 | 加入收藏夹
您好，欢迎光临本网站！[请登录] ！[注册会员]！  

搜索资源列表

  1. 基于vue的甘特图，可上下拖拽

  2. 基于vue实现甘特图实现上下拖拽，达到排班的要求，之前困于没有好的方案，在我研究两周后最终实现甘特图的拖拽效果

  3. 所属分类：互联网

    • 发布日期：2020-05-14
    • 文件大小：45088768
    • 提供者：haluodepaopao

  1. 基于Vue实现拖拽效果

  2. 主要介绍了基于Vue实现拖拽效果,文中给大家介绍了clientY pageY screenY layerY offsetY的区别讲解，需要的朋友可以参考下

  3. 所属分类：其它

    • 发布日期：2020-08-27
    • 文件大小：119808
    • 提供者：weixin_38553466

  1. Vue 基于 vuedraggable 实现选中、拖拽、排序效果

  2. 主要介绍了Vue 基于 vuedraggable 实现选中、拖拽、排序效果，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

  3. 所属分类：其它

    • 发布日期：2020-10-15
    • 文件大小：71680
    • 提供者：weixin_38663197

  1. 基于vue实现一个禅道主页拖拽效果

  2. 最近在做一个基于vue的后台管理项目。接下来通过本文给大家分析一款基于vue做一个禅道主页拖拽效果,需要的朋友可以参考下

  3. 所属分类：其它

    • 发布日期：2020-10-16
    • 文件大小：90112
    • 提供者：weixin_38537315

  1. Vue 基于 vuedraggable 实现选中、拖拽、排序效果

  2. 今天有个朋友说要做个效果：Vue实现拖拽排序，要有 checked，输出结果是排序后的，要全选，未选中的不能拖动。 其实我之前基于 Sortable 做过一个类似的效果。也给他看过了，没看太明白，他就自己基于 vuedraggable 实现了一下。 正好有点问题给他解决了一下。废话不多说，先上最终效果：Vue 拖拽排序效果 测试地址。下面就是最终效果图。 效果一：实现选中 和 全选效果 就下面这样，elementUI 官方 Demo。很简单毫无挑战呀。 <el-checkbox :i

  3. 所属分类：其它

    • 发布日期：2020-11-20
    • 文件大小：65536
    • 提供者：weixin_38565818

  1. Vue侧滑菜单组件——DrawerLayout

  2. 本文介绍一个简单的DrawerLayout（类似Android的DrawerLayout）布局组件的实现，基于Vue.js。介绍的内容已经制作成 vue-drawer-layout 组件。 前言 大家有兴趣先用手机扫一扫这个二维码，或者点我 然后点击页面中左上角的头像打开drawer或者向右向左拖拽，就可以看到下面gif的效果，打开自己的手机QQ，是不是很像:)   谷歌官方把这种布局叫做DrawerLayout（抽屉式导航栏）。那么我们要如何实现呢，好了正片开始！ HTML结构 页面结构很简单

  3. 所属分类：其它

    • 发布日期：2020-11-27
    • 文件大小：130048
    • 提供者：weixin_38630853

  1. 基于Vue实现拖拽效果

  2. 效果图   demo1.gif 分清clientY pageY screenY layerY offsetY的区别 在我们想要做出拖拽这个效果的时候，我们需要分清这几个属性的区别，这几个属性都是计算鼠标点击的偏移值，我们需要对其进行了解才可以继续实现我们的拖拽效果 clientY 指的是距离可视页面左上角的距离 pageY 指的是距离可视页面左上角的距离(不受页面滚动影响) screenY 指的是距离屏幕左上角的距离 layerY 指的是找到它或它父级元素中最近具有定位的左上角距离 offse

  3. 所属分类：其它

    • 发布日期：2020-11-30
    • 文件大小：118784
    • 提供者：weixin_38526225

  1. Vue的事件响应式进度条组件实例详解

  2. 写在前面 找了很多vue进度条组件，都不包含拖拽和点击事件，input range倒是原生包含input和change事件，但是直接基于input range做进度条的话，样式部分需要做大量调整和兼容性处理。即使做好了，将来需要修改外观，又是一番折腾。 基于以上两个原因，做了一个可以响应input和change事件（即一个是拖动进度条到某处，一个是在进度条某位置点击使其值变为该位置）的div实现的Vue组件，这样既满足了对进度条事件的需求，也带来了如有需求变动，样式修改很方便的好处。 效果图

  3. 所属分类：其它

    • 发布日期：2020-11-28
    • 文件大小：130048
    • 提供者：weixin_38641366

  1. Vue上传组件vue Simple Uploader的用法示例

  2. 在日常开发中经常会遇到文件上传的需求，vue-simple-uploader 就是一个基于 simple-uploader.js 和 Vue 结合做的一个上传组件，自带 UI，可覆盖、自定义；先来张动图看看效果： 其主要特点就是： 支持文件、多文件、文件夹上传 支持拖拽文件、文件夹上传 统一对待文件和文件夹，方便操作管理 可暂停、继续上传 错误处理 支持“快传”，通过文件判断服务端是否已存在从而实现“快传” 上传队列管理，支持最大并发上传 分块上传 支持进度

  3. 所属分类：其它

    • 发布日期：2020-12-11
    • 文件大小：79872
    • 提供者：weixin_38566180

  1. vue实现拖拽的简单案例 不超出可视区域

  2. 本文实例为大家分享了vue实现拖拽x效果的具体代码，供大家参考，具体内容如下 实现拖拽之前，先了解几个小常识： 这两种获取鼠标坐标的方法，区别在于基于的对象不同： pageX和pageY获取的是鼠标指针距离文档（HTML）的左上角距离，不会随着滚动条滚动而改变； clientX和clientY获取的是鼠标指针距离可视窗口(不包括上面的地址栏和滑动条)的距离，会随着滚动条滚动而改变； 1.clientX : 是用来获取鼠标点击的位置距离 当前窗口 左边的距离 2.clientY: 是用来获

  3. 所属分类：其它

    • 发布日期：2020-12-10
    • 文件大小：39936
    • 提供者：weixin_38698539

  1. 基于vue实现一个禅道主页拖拽效果

  2. 效果图如下所示： 源码地址 bb两句 最近在做一个基于vue的后台管理项目。平时项目进度统计就在上禅道上进行。so~ 然后领导就感觉这个拖拽效果还行，能不能加到咱们项目里面。 既然领导发话，那就开干。。 所有技术：vue + vuedraggable 拖动的实现基于 vuedraggable 的插件开发。 主页为两栏流式布局，每一个组件可以在上下拖动，也可以左右拖动。 基本步骤 布局 这块布局为最为普通的两栏布局，这里采用flex布局。左边自适应，右边为固定宽。 .layout-conta

  3. 所属分类：其它

    • 发布日期：2020-12-09
    • 文件大小：518144
    • 提供者：weixin_38500222

  1. HTML5 拖拽批量上传文件的示例代码

  2. 拖拽批量上传文件夹 该组件基于 Vue.js 实现，UI 框架是 elementUI,完整的 demo 地址在https://github.com/Msxiaoma/upload-folder. 拖拽上传文件夹(仅仅chrome支持) 一、组件描述 同时拖拽多个文件夹 删除指定文件夹 显示当前文件夹的上传进度条 超过5M的文件夹分片上传 效果如下：   二、遇到的问题 拖拽读取每个文件夹下面的文件路径 如何显示当前上传的文件夹的进度条 上传

  3. 所属分类：其它

    • 发布日期：2020-12-13
    • 文件大小：59392
    • 提供者：weixin_38569515

  1. Element-UI Table组件上添加列拖拽效果实现方法

  2. Element-UI 的 Table 组件很强大，但是我们的需求更强大… 简单粗暴的来一发效果图： 一、数据驱动 传统的拖动效果，都是基于通过 mousedown、mousemove、mouseup 事件来修改删减 dom 节点 但 Vue 是一个数据驱动的前端框架，开发时应尽量避免操作 dom 而且 Element-UI 的 Table 组件封装得很严谨，直接操作 dom 很容易产生不可预计的 bug 所以我的核心思路就是：通过一个数组渲染表头（列），然后修改这个数组的顺序，从而修改列表的列

  3. 所属分类：其它

    • 发布日期：2020-12-13
    • 文件大小：101376
    • 提供者：weixin_38543749

  1. Mywork-VueApp-Trello:Vue实现的简易看板系统项目-源码

  2. 基于Vue实现的简易看板系统项目 预览地址： : 实现效果 主页 卡片快速编辑和头像上传 卡片详情 选择到期日 卡片拖拽 技术栈 详情请参考package.json 脚手架：Vue-cli Vue 2.3.3 Vue路由器 2.3.1 语义UI 元素UI 表示 Webpack Babel + ES6 HTML5 快速开始 npm install安装依赖 安装过程可能需要安装SemanticUI依次选择 1. Automatic(Use default locations an

  3. 所属分类：其它

    • 发布日期：2021-03-11
    • 文件大小：733184
    • 提供者：weixin_42146274

  1. vue实现列表拖拽排序的功能

  2. 在日常开发中，特别是管理端，经常会遇到要实现拖拽排序的效果；这里提供一种简单的实现方案。 　　此例子基于vuecli3 首先，我们先了解一下js原生拖动事件: 　　在拖动目标上触发事件 (源元素): ondragstart – 用户开始拖动元素时触发 ondrag – 元素正在拖动时触发 ondragend – 用户完成元素拖动后触发　　 　　释放目标时触发的事件: ondragenter – 当被鼠标拖动的对象进入其容器范围内时触发此事件 ondragover – 当某被拖

  3. 所属分类：其它

    • 发布日期：2021-01-21
    • 文件大小：53248
    • 提供者：weixin_38595689

  1. 基于Vue实现平滑过渡的拖拽排序功能

  2. 最近重读Vue官方文档，在 列表的排序过渡 这一小节，文档提到， 组件有一个特殊的地方，不仅可以实现进入和离开动画，还可以改变定位，官网示例如下：   例子中实现的效果看起来还是非常不错的，这个效果使我想起来另外一个使用场景，之前我在实现一个列表展示需求的时候，PM想让这个列表具有拖动排序的功能，方便他操作（事实上我最后并没有给他做哈哈），拖动的动画跟这个很像，网上搜索一下，类似插件应该很多，那如果我们自己来实现一个，问题在哪里呢？ 首先要拖拽元素，记录元素拖拽开始和结束的信息。 将元素由拖拽

  3. 所属分类：其它

    • 发布日期：2021-01-19
    • 文件大小：144384
    • 提供者：weixin_38620099

  1. Vue侧滑菜单组件——DrawerLayout

  2. 本文介绍一个简单的DrawerLayout（类似Android的DrawerLayout）布局组件的实现，基于Vue.js。介绍的内容已经制作成 vue-drawer-layout 组件。 前言 大家有兴趣先用手机扫一扫这个二维码，或者点我 然后点击页面中左上角的头像打开drawer或者向右向左拖拽，就可以看到下面gif的效果，打开自己的手机QQ，是不是很像:)   谷歌官方把这种布局叫做DrawerLayout（抽屉式导航栏）。那么我们要如何实现呢，好了正片开始！ HTML结构 页面结构很简单

  3. 所属分类：其它

    • 发布日期：2021-01-19
    • 文件大小：130048
    • 提供者：weixin_38738511