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

搜索资源列表

  1. 基于vue-simplemde实现图片拖拽、粘贴功能

  2. 主要介绍了基于vue-simplemde实现图片拖拽、粘贴功能,需要的朋友可以参考下

  3. 所属分类：其它

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

  1. 基于Vue实现拖拽功能

  2. 主要为大家详细介绍了Vue实现拖拽功能，拖动方块进行移动，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

  3. 所属分类：其它

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

  1. 基于Vue 撸一个指令实现拖拽功能

  2. 主要介绍了Vue 指令实现拖拽功能,实现原理很简单，文中通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下

  3. 所属分类：其它

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

  1. 基于Vue实现可以拖拽的树形表格实例详解

  2. 因业务需求，需要一个树形表格，并且支持拖拽排序，任意未知插入，github搜了下，真不到合适的，大部分树形表格都没有拖拽功能，所以决定自己实现一个。这里分享一下实现过程,需要的朋友可以参考下

  3. 所属分类：其它

    • 发布日期：2020-10-17
    • 文件大小：72704
    • 提供者：weixin_38650150

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

  2. 主要介绍了vue实现平滑过渡的拖拽排序功能,本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下

  3. 所属分类：其它

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

  1. 基于vue-simplemde实现图片拖拽、粘贴功能

  2. 项目使用的是vue框架，需要一个markdown的编辑框，就在npm上找了一下，发现simplemde挺不错的，由于我比较懒，就顺便在npm又搜了一下，找到了vue-simplemde这个 package ，那就开始使用它吧。 但是这个 vue-simplemde 不支持图片拖拽上传、粘贴上传，也不能说是因为这个 vue-simplemde ，因为 vue-simplemde 只是对 simplemde 的基础上封装成一个Vue插件。所以最后还是由于 simplemde 没有提供相关的功能，但是

  3. 所属分类：其它

    • 发布日期：2020-12-03
    • 文件大小：75776
    • 提供者：weixin_38695159

  1. sortable+element 实现表格行拖拽的方法示例

  2. 背景 1、vue项目中的表格需要实现行拖拽功能 2、表格使用element组件库中el-table 方案介绍 Sortable.js 介绍：Sortable.js是一款轻量级的拖放排序列表的js插件 引用自官方文档：No jQuery required. Supports Meteor, AngularJS, React, Polymer, Vue, Knockout and any CSS library, e.g. Bootstrap. 参考地址： https://github.com

  3. 所属分类：其它

    • 发布日期：2020-12-01
    • 文件大小：35840
    • 提供者：weixin_38591291

  1. 基于Vue实现可以拖拽的树形表格实例详解

  2. 因业务需求，需要一个树形表格，并且支持拖拽排序，任意未知插入，github搜了下，真不到合适的，大部分树形表格都没有拖拽功能，所以决定自己实现一个。这里分享一下实现过程，项目源代码请看github，插件已打包封装好，发布到npm上　 本博文会分为两部分，第一部分为使用方式，第二部分为实现方式 安装方式 npm i drag-tree-table --save-dev 使用方式 import dragTreeTable from 'drag-tree-table'  模版写法 <dr

  3. 所属分类：其它

    • 发布日期：2020-11-29
    • 文件大小：96256
    • 提供者：weixin_38726255

  1. 基于Vue实现拖拽功能

  2. 本文实例为大家分享了Vue实现拖拽功能的具体代码，供大家参考，具体内容如下 效果图： HTML代码： 位置 x:{{val.x}} y:{{val.y}} //注意这里要通过指令绑定函数将当前元素的位置数据传出来 JS代码： Vue.directive('drag',//自定义指令 {bind:function (el, binding) { let oDiv = el; //当前元

  3. 所属分类：其它

    • 发布日期：2020-12-29
    • 文件大小：31744
    • 提供者：weixin_38613681

  1. vue-form-builder:使用Vue.js和Element UI构建并生成表单源代码的拖放表单构建器平台（基于vue和element-ui实现的表单设计平台，生成Element UI的表单源代码）-源码

  2. 形式生成器 简体中文| 简介 一个通过拖拽生成表单页面的平台，基于Vue.js和Element UI开发，并生成表单源代码（WYSIWYG），可以让表单开发简单而高效。 本项目在基础上二次开发，目的是生成表单的Element UI原始代码，然后将生成的源码放在项目中使用，代替手写表单的工作。 在线访问： 特性 可视化配置页面 提供布局布局，并采用flex实现对齐 一键生成代码，立即可运行 提供自定义组件满足用户自定义需求 提供功能强大的高级组件 国际化支持 生成元素UI表单源代码（方便开发者拖拽

  3. 所属分类：其它

    • 发布日期：2021-03-23
    • 文件大小：141312
    • 提供者：weixin_42116705

  1. managementSystem:基于vue3.0 + Element的后台管理系统-源码

  2. 竞争管理系统 基于Vue + Element UI的后台管理系统解决方案。 项目截图 登录 默认皮肤 浅绿色皮肤 前言 该方案作为一套多功能的后台框架模板，适用于绝大部分的后台管理系统（Web管理系统）开发。基于vue.js，使用vue-cli3脚手架，引用Element UI组件库，方便开发快速简洁好看的组件。分离颜色样式，支持手动切换主题色，而且很方便使用自定义主题色。 功能 元素用户界面 登录/订阅 仪表板 头部选项卡路由切换，超过扩展会自动计算宽度（支持关闭缩小/其他/关闭全部） 表

  3. 所属分类：其它

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

  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. 之前撸了一个copy 指令，这次再撸一个拖拽指令。。 具体是个什么蛇皮玩意儿呢，大概就像介样：   emmm。。没错，看起来就是如此的鸡肋，但是莫得办法，大佬喜欢啊。 由于我们项目中用的是 element-ui ，所有这个指令只针对 element-ui 的对话框组件哈，如果你们用的别的 ui 库也有这个需求的，涂涂改改应该也能用。。 其实这个拖拽的原理还是很简单的： 1.首先鼠标按下（ onmousedown ） 记录目标元素当前的 left 和 top 值 2.鼠标移动（ onmouse

  3. 所属分类：其它

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

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

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

  3. 所属分类：其它

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

  1. vue基于Echarts的拖拽数据可视化功能实现

  2. 背景 我司产品提出了一个需求，做一个数据基于Echars的可拖拽缩放的数据可视化，上网百度了一番，结果出现了两种结局，一种花钱买成熟产品（公司不出钱），一种没有成熟代码，只能自己写了，故事即将开始，敬请期待……。  不，还是先上一张效果图吧，请看…… 前期知识点 1. offset（偏移量） 定义：当前元素在屏幕上占用的空间，如下图： 其中： offsetHeight: 该元素在垂直方向上的占用的空间，单位为px，不包括margin。 offsetWidth：该元素在水平方向上的占用空间

  3. 所属分类：其它

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

  1. vue基于Echarts的拖拽数据可视化功能实现

  2. 背景 我司产品提出了一个需求，做一个数据基于Echars的可拖拽缩放的数据可视化，上网百度了一番，结果出现了两种结局，一种花钱买成熟产品（公司不出钱），一种没有成熟代码，只能自己写了，故事即将开始，敬请期待……。  不，还是先上一张效果图吧，请看…… 前期知识点 1. offset（偏移量） 定义：当前元素在屏幕上占用的空间，如下图： 其中： offsetHeight: 该元素在垂直方向上的占用的空间，单位为px，不包括margin。 offsetWidth：该元素在水平方向上的占用空间

  3. 所属分类：其它

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

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

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

  3. 所属分类：其它

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

  1. Vue组件Draggable实现拖拽功能

  2. Draggable为基于Sortable.js的vue组件，用以实现拖拽功能。 具体说明，请参考：学习链接 npm官方演示： vuedraggable特性： 支持触摸设备 支持拖拽和选择文本 支持智能滚动 支持不同列表之间的拖拽 不以jQuery为基础 和视图模型同步刷新 和vue2的国度动画兼容 支持撤销操作 当需要完全控制时，可以抛出所有变化 可以和现有的UI组件兼容 使用 安装： npm install vuedraggable 页面引入： i

  3. 所属分类：其它

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