【Github】项目名:mafengwo/vue – drag – tree – table:基于Vue的可拖拽排序树形表格
项目简介
mafengwo/vue – drag – tree – table是一个基于Vue实现的树形表格项目。它具有很多功能,例如支持拖拽排序、固定表头、拖拽改变行宽、checkbox多选、自定义单元格内容、设置行的背景色、动态控制某些行是否可拖拽等。
安装与使用
安装方面,可以使用npm命令:npm install drag - tree - table --save - dev
。使用方式如下:
在模板中:
<template><div id="app"><dragTreeTable :data="treeData" :onDrag="onTreeDataChange" fixedborder></dragTreeTable></div></template>
在脚本中:
<script>
import dragTreeTable from "drag - tree - table";
export default {
name: "app",
data() {
return {
treeData: {
columns: [...],
lists: [...]
}
};
},
components: {
dragTreeTable
},
methods: {
onTreeDataChange(list) {
this.treeData.lists = list;
}
}
};
</script>
组件方法与参数
该组件目前提供了一些全局方法,例如DelById(根据id删除行并返回删除后的数据)、eZipAll(全部折叠)、OpenAll(全部打开)、GetLevelById(根据id获取当前行层级)等。
在参数方面,有动态参数如data(表格数据源)、onDrag(拖拽动作完成后触发)、isdraggable(是否开启拖拽)、beforeDragOver(动态控制当前行是否可拖拽及被拖拽进入的行是否允许插入)等;还有静态参数如fixed(固定表头)、height(设置表格高度)、border(显示边框)、resize(支持表格宽度调整)等。
项目总结
mafengwo/vue – drag – tree – table为处理树形表格数据且需要拖拽排序等功能的项目提供了很好的解决方案。如果你对这个项目有任何想法或者问题,欢迎在下方留言参与讨论。
项目地址
数据统计
数据评估
本站链氪巴士提供的mafengwo/vue-drag-tree-table:基于Vue的可拖拽排序树形表格都来源于网络,不保证外部链接的准确性和完整性,同时,对于该外部链接的指向,不由链氪巴士实际控制,在2024年12月6日 上午12:00收录时,该网页上的内容,都属于合规合法,后期网页的内容如出现违规,可以直接联系网站管理员进行删除,链氪巴士不承担任何责任。
相关导航

iWeChat项目以微信为例,全方位展示如何剖析一个App。包括APP信息获取,如砸壳 - ipa获取的多种方式,像通过降级iTunes、pp助手或者抓包获取。还有手机越狱过程及后续操作,以及使用class - dump查看头文件的详细操作与注意事项,例如需要处理加密问题。在分析第三方库时介绍了相关工具及其使用方法,对UI查看、继承层级研究、数据库设计、沙盒目录、Pod集成、网络请求数据查看和动态库查看等方面也都有详细的阐述。此外,还包含多种工具如CaptainHook、Cycript等的使用说明,以及项目中的错误总结和相关推荐等内容。这是一个非常全面的APP逆向分析学习项目。

paascloud/paascloud - master是一个基于SpringCloud、Vue和OAuth2.0全家桶实战的项目。它是前后端分离的模拟商城项目,具备完整的购物流程和后端运营平台,可以快速搭建企业级微服务项目并支持微信登录等三方登录。项目在技术框架上采用了多种开源技术,如SpringSecurity、SpringCloudOauth2、elastic - job、MyBatis等,同时整合了多种三方服务,如邮件服务、阿里云短信服务等。项目结构丰富,包含多个微服务相关的中心以及各种后端和公共部分。其目的是为中小企业解决微服务架构难题,提供了多种功能解决方案。