文件名称:Vue3+element-plus-table-dragable(Sortable.js)实现表格拖动排序
文件大小:331KB
文件格式:VUE
更新时间:2022-06-15 17:11:11
vue3 Sortable Vuedraggable Element-plus
2022/09/02更新: 下边网友发现有新的方案:https://github.com/guolaopi/element-plus-table-dragable-demo 有上网条件的可以直接去github下载。 没有上网条件的可以在这里下载已经更新。 说明:本人前端小白不是什么骗子(我有4.5k多分没啥毛用),之前没有现成的组件就用Vuedraggable来实现,功能实现了但是不太友好。 =======以下是之前的说明===== 原创亲测至少节约小白两天时间,本人前端小白搞了好几天才实现表格拖动排序。在网上找的(vue3+sortable.js根本跑不起来)网上好多例子在vue3下根据跑不起来于是,也没有对表格排序的例子。Vuedraggable 是基于并提供Sortable.js的所有功能。重用现有element-plus组件库。对于小白来说怎么在Vuedraggable里使用element组件提供了实际应用参考。table样式完全模拟了el-table组件样式。看官方文档两天也不如直接看一个完整的实例。 需要安装依赖:npm i -S vuedraggable@next
【文件预览】:
element-plus-table-dragable-demo-main
----docs()
--------assets()
--------index.html(430B)
--------favicon.ico(4KB)
----package.json(361B)
----index.html(339B)
----package-lock.json(59KB)
----src()
--------App.vue(2KB)
--------main.js(311B)
--------index.css(179B)
----vite.config.js(286B)
----.gitignore(44B)
----public()
--------favicon.ico(4KB)
----README.md(188B)