antdesign vue 拖拽

　　之前有写过Vue.Draggable实现拖拽效果（快速使用）最近项目中要用到这个拖拽的效果，当产品那个今日头条app编辑导航，拖拽的效果时，心里暗爽，（之前玩过呀，很简单的，事实证明，任何看似简单的东西，实现起来都不会那么一帆风顺，当然：当你真正实现了该效果时，会发现其实还是挺简单的：ps:自说自话，自己打自己脸\(^o^)/~），闲话少说，直接切入正题：　　仔细观察发现，今日头条导航部分编辑

antdesign vue 拖拽

javascript

数据结构与算法

git

ViewUI

转载

mob64ca1411e411

4月前

63阅读

antdesign vue table 拖拽行

用途Draggable为基于Sortable.js的vue组件，用以实现拖拽功能。特性支持触摸设备支持拖拽和选择文本支持智能滚动支持不同列表之间的拖拽不以jQuery为基础和视图模型同步刷新和vue2的国度动画兼容支持撤销操作当需要完全控制时，可以抛出所有变化可以和现有的UI组件兼容安装npm install vuedraggable引用import draggable from 'vuedrag

vue.js

Powered by 金山文档

拖拽

回调函数

字符串

转载

墨香四溢

9月前

413阅读

antdesign vue2 行拖拽

前言由于业务需求，需要开发一个可以批改作业的组件，网上搜的一些插件不太符合业务需求，没办法>_<只能自己写呗（此处掉头发两根～）。其原理是在学生提交的图片上使用画笔批改、橡皮擦、拖拽缩放、旋转、按步骤减分、和其他一些辅助功能操作，期间踩了很多坑，但也是在学习中成长，这里贴出来可以给迷茫的人一个参考，也给自己记录一下。代码写的通俗易懂，我觉得大家只要有点基础都可以看懂，这个案例不是最完美

antdesign vue2 行拖拽

拖拽

Math

sed

转载

梦断蓝桥魂

7月前

76阅读

antdesign vue table 实现表格列拖拽

Vue自定义拖拽表单(自定义组件及菜单)引用今天我们学习一个非常厉害的组件,没错就是自定义拖拽表单formCreateDesigner首先我们肯定要先npm下载引用啥的, 这里就不细说了链接: 官方文档当我们配置好main.js这些东西,我们就可以在vue里引用了<template> <div class="video-wrapper"> <fc-des

javascript

vue.js

前端

拖拽

自定义组件

转载

mob64ca14038b36

10月前

1153阅读

antdesign1 table vue支持列拖拽

刚开始工作的时候做的拖拽组件，当时项目里面什么都有用，jquery加vue在用，现在在使用的小伙伴用的时候可以修改一下，没有必要再用jquery了，单独起的一个vue项目，改造成vue2或者vue3都很简单，这里用的vue3，但是是vue2写法。如果不想拖拽当前行触发，只要一个icon或者什么触发拖拽，修改一下触发元素即可tabList:列表页面<template> <

javascript

开发语言

ecmascript

ico

拖拽

转载

云端筑梦者

10月前

167阅读

vue antdesign

大文件分片上传就是一个契合分治算法的场景，现而今，视频文件的体积越来越大，高清视频体积大概2-4g不等，但4K视频的分辨率是标准高清的四倍，需要四倍的存储空间——只需两到三分钟的未压缩4K 电影，或者电影预告片的长度，就可以达到500GB。 8K视频文件更是大得难以想象，而现在12K正在出现，如此巨大的文件，该怎样设计一套合理的数据传输方案？这里我们以前后端分离项目为例，前端使用Vue.js3.0

vue antdesign

tornado

前端

python

上传

转载

IT剑客之家

2024-10-29 20:11:57

87阅读

antdesign vue

目的：记录一下自己工作过程中遇到的 Ant Design Vue 开发问题文章目录Ant Design Vue 开发问题async和await让异步编程更简单1、antdv中table组件 scopedSlots 和 ellipsis 属性一起使用，悬浮框失效问题2、antdv修改调用的后端地址3、Java修改application名称和IP地址4、antdv调用后端接口文件5、antdv路由文

antdesign vue

前端

vue

anti-design-vue

插槽

转载

风华正茂的AI

10月前

162阅读

antdesign vue选择年 antdesign vue pro

使用Ant Design Vue Pro 基础框架都知道好用，但是MultiTab标签一直未解决（V3.0.0），最新版解决了但是要收费9K（2022-01-21日）。首先需要实现如下：MultiTab标签打开菜单路由页面之后keep-alive就一直保持缓存当前路由页面，直到点击MultiTab标签的X（或者点击菜单：关闭当前/关闭左边/关闭右边/关闭全部）此时删除keep-alive缓存。下

antdesign vue选择年

AntDesignVuePro

Pro

MultiTab标签

缓存

转载

epeppanda

2024-04-24 12:22:04

126阅读

antdesign vue 列表List antdesign vue pro

第一篇文章简单的介绍了一下ant-design-pro，关于项目的搭建，我想官网的文档已经写得很清楚了，这里就不多做赘述了，这篇文章，我们来探讨一下ant-design-pro的动态路由。动态路由首先是和用户登录权限挂钩了，不同的角色权限，看到不同的路由菜单，当用户登录后得到roles（角色），前端根据roles（角

前端

ant-design-pro

动态路由

vue

数据

转载

网络安全专家

2024-03-19 00:04:06

143阅读

antdesign vue tabs 动态 antdesign vue 动态路由

使用VUE开发后台管理系统完全由后端控制左边菜单项思路在传统开发后台管理系统时，都会涉及权限控制这一功能需求即：根据不同登录的角色账号来使用该账号拥有的功能，也就是说系统左边的菜单栏不是固定不变的，而是根据登录账号的权限去动态控制的，现在主流的两种模式即:1.前后端配合控制 2.完全由后端来控制本章着重来介绍第二种模式 :由后端数据控制前端的菜单借助Ant Design Pro Vue 来讲

数据

ide

表单

转载

mob64ca13feda16

2024-04-19 11:37:14

210阅读

antdesign vue 删除询问框 antdesign vue pro

最近在学习使用Vue作为前端的框架，本文记录路由插件vue-router，以及搭建登录页面的过程。 vue-router在使用vue-router时，我们需要做的就是把路由映射到各个组件，vue-router会把各个组件渲染到正确的地方。1安装、起步· 安装 npm install vue-router --save ·2基本用法· <div id="app"

antdesign vue 删除询问框

vue router name命名规范

vue嵌套样式

vue引入link

转载

mob64ca1419e0cc

2024-04-30 07:13:32

107阅读

antdesign vue table展示序号 antdesign vue select

总结对于框架原理只能说个大概，真的深入某一部分具体的代码和实现方式就只能写出一个框架，许多细节注意不到。算法方面还是很薄弱，好在面试官都很和蔼可亲，擅长发现人的美哈哈哈…（最好多刷一刷，不然影响你的工资和成功率???）在投递简历之前，最好通过各种渠道找到公司内部的人，先提前了解业务，也可以帮助后期优秀 offer 的决策。要勇于说不，对于某些 offer 待遇不满意、业务不喜欢，应该相信自己，不要

前端

面试

学习

数据源

开源分享

转载

mob64ca1415f0ab

2024-06-11 11:48:14

157阅读

vue3 antdesign vue 按需 antdesign vue select

需求：下拉菜单中数据过多，200条以上，就会导致Ant design Vue 中的select组件卡死。所以需要使用滑动到底部使其分页加载可以借助 onPopupScroll 事件来监听下拉菜单的滚动事件，并判断当前是否已经到达了下拉菜单底部。具体可以通过以下步骤实现： 1、在组件中绑定 @popupScr

vue.js

javascript

前端

分页

下拉菜单

转载

代码工匠大师

2024-04-03 15:12:37

473阅读

antdesign vue分业

工作中需要制作一个看板，选型选用antV G2进行开发。由于项目前端是使用Vue，于是研究了antVG2在Vue中的使用。1.安装antv/g2在WebStrom下面Terminal中输入 npm install @antv/g2 --save 安装完成后为如下状态2.创建一个Vue文件，引入antV/g2 import G2 from '@antv/g2'; 3.创建一个函数，函数内部创建一个C

antdesign vue分业

Vue

看板

柱状图

转载

mob64ca140eb362

8月前

48阅读

vue3 使用antdesign 图标 antdesign vue table

antdesign-vue结合sortablejs实现两个table相互拖拽排序实现效果sortablejs介绍具体实现实现效果本来想在网上看看有没有基于antdesign做的，然后发现是真的少啊！废话不多说，先上图：sortablejs介绍首先先来认识一下这个插件: sortablejs 大家可以去细读一下它的api文档：这边我就着重介绍一下我用到的api。 1.group可以传入对象，参

vue3 使用antdesign 图标

javascript

js

vue.js

拖拽

转载

mob64ca1412ee79

2024-06-26 06:14:08

264阅读

vue element 表格拖拽 vue 拖拽表单

需求：　　想要实现这样的一个需求，左边是组件库。中间是展示。拖拉组件到中间就形成一个组件。刚开始用的form-create,发现不行，又用的form-create-design,但vue3版本的只有element plus库，系统刚开始用的ant-design,而且左边我只需要单行输入框和多行输入框组件就够了，有点用宰牛刀的感觉，而且右侧还不能自定义，看悟空CRM的源码看的

vue element 表格拖拽

数据

ico

输入框

转载

误会一场

2024-02-12 21:58:09

490阅读

antdesign vue 编辑单个单元格 antdesign vue pro

Ant Design Vue pro 动态路由的实现和打包Ant Design Vue pro 动态路由的实现和打包配置路由权限在config文件夹下router.config.js中配置路由权限如下图所示配置请求网络接口在api文件夹下login.js中根据自己后台的数据修改路由权限封装规则在store/module/user.js中修改GetInfo方法源js修改后js后台数据示例{ "co

vue将每个路由打包成html

Vue

html

html+js

转载

mob64ca1407d5aa

2024-05-14 10:30:07

50阅读

vue 容器拖拽 vue 实现拖拽插件

Vuedraggable 拖拽组件插件Vue.Draggable是一款基于Sortable.js实现的vue拖拽插件。支持移动设备、拖拽和选择文本、智能滚动，可以在不同列表间拖拽、不依赖jQuery为基础、vue 2过渡动画兼容、支持撤销操作，总之是一款非常优秀的vue拖拽组件。本篇将介绍如何搭建环境及简单的例子，使用起来特别简单对被拖拽元素也没有CSS样式的特殊要求。注意：只支持vue2安装：n

vue 容器拖拽

前端

vue.js

javascript

拖拽

转载

bigrobin

2024-02-28 16:54:31

660阅读

antdesign vue 上传文件 antdesign上传组件

事先说明：upload所使用"rc-upload"组件在npm是有单独的包，upload对其进一步封装。"rc-upload"有更多的API选择。需求要求限制上传图片的格式、大小、分辨率。简单介绍这是一个最简单的upload组件使用<Upload action="..."> 上传 </Upload>简单说一下关键几个参数参数作用action上传的服务器地址，使用默认

antdesign vue 上传文件

javascript

java

ViewUI

上传

转载

云端筑梦大师

2024-03-23 12:41:22

190阅读

antdesign vue tree搜索

Author: jwensh Date: 2021.08.27 文章目录React 项目实践中 antd table 中 select 的设值更新问题问题问题 1. 默认值问题（没有显示placeholer）select 的 value、defaultValue、key解决：空值展示 `placeholder` ，需要设置为 `undefined`问题2. 更新一行数据后，select 的 sel

react.js

antd

select

数据

数据更新

转载

autohost

2024-09-27 19:21:20

58阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

antdesign vue 拖拽