51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
WOT技术大会
IT证书
公众号矩阵
移动端
短视频 免费课程 课程排行 直播课 软考学堂
全部课程 厂商认证 IT技术 24年11月软考 PMP项目管理 免费题库
在线学习
文章 资源 问答 课堂 专栏 直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库

Vue中使用Sortable
之前开发一个后台管理系统，里面用到了Vue和Element-UI这个组件库，遇到一个挺有意思的问题，和大家分享一下。场景是这样，在一个列表展示页上，我使用了Element-UI的表格组件，新的需求是在原表格的基础上支持拖拽排序。但是原有的组件本身不支持拖拽排序，而且由于是直接引入的Element-UI，不方便修改它的源码，所以比较可行的方法只能是直接操作DOM。具体的做法是在mounted生命周期
java
原创
mb5fe55c8710ded
2020-12-26 20:11:24
202阅读

Vue中使用Sortable
Sortable
原创
人生代码_公众号
2021-07-18 16:43:27
257阅读

vue使用sortable实现拖拽排序
下载：npm install sortablejs --save 引入：import Sortable from ‘sortablejs’ <template> <div class="flex" id="items"> <div class="item" v-for="(item,index) i ...
数据
转载
mob604756e80bb7
2021-07-29 15:38:00
1851阅读
2评论

antdesign vue tree 清空选中 vue select tree
VUE 动态构建混合数据TREESELECT选择树，同时解决巨树问题 标签： vue java javascript vue.js 今天在项目中需要通过行政区域选择，然后选择该行政区域下面的景区，也就是要构建行政区划、景区两表数据表的树。全国的行政区域到县已经3500多了，再加上景区会有几万个点，这棵选择树不论是在后台还是在前台构建都比较大，会影响系统性能，需要前后端结合，动态构建，使用时
Data
子节点
树结构
转载
mob64ca140d96d9
6月前
363阅读

vue插件实现表格拖拽 sortable 遇见的坑
下载插件 npm install sortable.js --save （下载的时候一定要这样去下载，不要去下载 npm install sortable--save ） 因为sortable.js和sortable是不一样的哈 引入 import Sortable from 'sortablejs
拖拽
微信
javascript
原创
朦胧淡月
2022-09-01 20:30:22
1303阅读

拖拽表格——Sortable
###官网：http://www.sortablejs.com/index.html Sortable.js是一款轻量级的拖放排序列表的js插件。支持ie9及以上版本ie浏览器和现代浏览器，也可以运行在移动触摸设备中。不依赖jQuery。支持 Meteor、AngularJS、React、Vue、K ...
Sortable
转载
mb607022e25a607
2021-04-12 23:29:41
1038阅读
2评论

JQuery UI - sortable
所有的事件回调函数都有两个参数：event和ui，浏览器自有event对象，和经过封装的ui对象 ui.helper - 表示sortable元素的JQuery对象，通常是当前元素的克隆对象 ui.position - 表示相对当前对象，鼠标的坐标值对象{top,left} ui.offset - 表示相对于当前页面，鼠标的坐标值对象{top,left} ui.item - 表示当前拖拽的
职场
休闲
sortable
jquery ui
转载 精选
liushannet
2010-08-01 18:53:44
416阅读

ElementUI 基于vue+sortable.js实现表格行拖拽
基于vue+sortable.js实现表格行拖拽By:授客 QQ：1033553122实践环境sortablejs@1.13.0vue@2.6.11element-ui@2.13.2安装sortable.js拖拽库npm install sortablejs代码示例<template>   <div class="demo-table-wrapper">     <e
ElementUI
vue+sortable.js
转载
mb6018ead621887
2021-02-07 11:01:34
450阅读

Vue.js 可排序表格 (Sortable & Searchable Table) 组件
可排序表格 (Sortable & Searchable Tables) 在网页和表单设计中非常常用。用户可以通过点击表头对将表格以该列做顺序或降序排列，也可以利用 Search Box 对表格内容进行筛选。这个组件曾被运用于 X-Ray Diffraction Analysis App 和 Extract Graph Data App 等等。注册组件注册 Sortable & S
Vue.js
Sortable
转载
mob604756fda125
2021-05-05 21:20:46
1008阅读
2评论

[vue] el-tabs Sortable 只能拖拽一次
重新渲染后，附加的拖拽事件丢失，就可能出现“只可以拖拽一次”的情况。，拖拽函数rowDrop里设置了。换成v-show即可。
vue.js
前端
javascript
拖拽
数组
原创
wx5909dcbadae4c
25天前
108阅读

jquery sortable简述
                               jquery sortable&nbs
jquery sortable
原创
阿山哥258
2012-05-04 18:05:28
3158阅读

ElementUI 基于vue+sortable.js实现表格行拖拽
基于vue+sortable.js实现表格行拖拽 By:授客 QQ：1033553122 实践环境 sortablejs@1.13.0 vue@2.6.11 element-ui@2.13.2 安装sortable.js拖拽库 npm install sortablejs 代码示例 <templat
Vue教程
Vue学习
原创
Mr授客
2021-06-01 10:44:12
215阅读

vue tree组织架构
本文涉及到的知识点：Vue函数式组件递归函数深拷贝对象正则匹配近期在开发一个vue组织架构图组件时，为了实现高性能渲染和一些特殊用法，使用了函数式组件，要实现的效果是这样：写一个组织架构图组件来深入认识vue函数式高阶组件 要求实现的效果有：可以点击节点来展开/收缩其下面的子级节点；可以很轻松地自定义每个节点HTML结构和样式，本人的想法是能够直接使用高亮显示的vue模板语法，而不是简单的拼接ht
vue tree组织架构
vue.js
javascript
前端
插槽
转载
mob6454cc7416d1
14小时前
6阅读

Vue.js 可排序列表 (Sortable & Searchable Tables) 组件
可排序表格 (Sortable & Searchable Tables) 在网页和表单设计中非常常用。用户可以通过点击表头对将表格以该列做顺序或降序排列，也可以利用 Search Box 对表格内容进行筛选。这个组件曾被运用于 X-Ray Diffraction Analysis App 和 Extract Graph Data App 等等。注册组件注册 Sortable & S
Vue.js
Sortable
Searchable Tables
转载
mb601cf746c65b3
2021-03-04 13:55:46
1049阅读
2评论

在 Vue 2 中实现可拖拽排序指令：v-sortable
在 Vue 2 中实现可拖拽排序指令：v-sortable在开发过程中，我们经常需要实现元素的拖拽排序功能。本文将详细介绍如何在 Vue 2 中创建一个自定义指令 v-sortable，使元素可以拖拽并交换位置，同时更新数据的位置。自定义指令 v-sortable首先，我们需要创建一个自定义指令 v-sortable，它使元素可拖动并处理拖放事件。创建自定义指令 sortable.js// dir
自定义指令
拖拽
Vue
原创 精选
爱抽软玉溪
22天前
132阅读

vue treeselect open方法 vue element tree
element-ui 中设计层级和动态加载节点的组件el-tree，对于前端来说，用的比较多，否则对于vue项目，要自己写render操作dom。当操作的树形结构层级比较多时，多用懒加载。例如实现如下功能，就是用el-tree实现的。实现这个功能有几个问题 要解决：1.改样式。官网提供的样式不能够满足开发的需要，尤其是对tree进行增删改的时候。所以需要用到render-content自定义样式。
vue.js
javascript
elementui
子节点
数据
转载
mob64ca13f53d41
6月前
64阅读

jQuery ui sortable 示例
上一篇屏蔽右键操作，加入自己的右键事件并操作target元素，无非就是上下移动而已，使用jQuery UI 更简单更稳定。实例如下，是一个官网的API示例（小改）<html> <head>     <title>jQuery UI Sortable</title>   &
jQuery UI Sortable
转载 精选
wang_shuai
2014-05-22 15:10:22
604阅读

vuetreeselect 平铺 vue element tree
项目完成后,产品又提新需求, 通过拖动能够改变下面的组织顺序,又给我增加了好大的工作量! 先吐槽产品一波,怎么早先不想好呢! 首先要想实现拖动改变顺序,那我从后端查询得来的数据treeList首先就必须有顺序, 后端为了实现节点有顺序—在实体类中又增加了一个字段 原先类实体public class OrgNode { private String id; private Strin
vuetreeselect 平铺
vue
elementui
拖拽
数据
转载
mob6454cc70eddf
5月前
141阅读

vue treeselect 显示所有 vue org tree
需要使用到树形图绘制人物关系节点，综合考虑选择了这个，结合elementUI实现。1.下载插件npm i vue2-org-tree //树形图插件 npm install --save-dev less less-loader //less注意点: 在main.js中引用vue2-org-tree后，若不显示效果，问题是没有引入相应的css，我的引入是 import "vue2-org-
vue treeselect 显示所有
vue.js
javascript
前端
数据
转载
烂漫树林
5月前
141阅读

牛客网字节跳动冬令营网络赛J Sortable Path on Tree —— 点分治
题目：https://ac.nowcoder.com/acm/contest/296/J 用点分治； 记录了值起伏的形态，二元组 (x,y) 表示有 x 个小于号，y 个大于号； 因为小于号和大于号都 >=2 就不合法了，所以状态是 3×3 的； 然后根据各种形态拼接...写了一晚上，最后连最简单的
i++
#include
分治
#define
树状数组
转载
mob604756e605af
2018-12-26 22:23:00
44阅读
2评论
  • 1
  • 2
  • 3
  • 4
  • 5
职场话题
更多

2024软考

华为认证

K8s

数据库
相关文章

jquery sortable参数说明

vue+element-ui+sortable.js实现表格行和列的拖拽

antdesign vue treeselect 使用 tree-table-vue

ant design vue 树型 ant vue tree

Vue-admin --tree的学习

vue tree reverse数组倒序

VueTreeselect数据遮挡 vue table tree

jquery ui sortable如何排序

antdesign vue tree 鼠标离开隐藏 vue 鼠标位置

jQuery UI （5）Sortable 排序插件

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

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