这篇文章主要介绍了vue 使用 sortable 实现 el-table 拖拽排序功能,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
本文给大家介绍vue 使用 sortable 实现 el-table 拖拽排序功能,具体内容如下所示:
npm 下载:
npm install sortablejs --save
引入:
import Sortable from "sortablejs";
代码:
拖 拽 // 拖拽 .dragClass { background: rgba($color: #41c21a, $alpha: 0.5) !important; } // 停靠 .ghostClass { background: rgba($color: #6cacf5, $alpha: 0.5) !important; } // 选择 .chosenClass:hover > td { background: rgba($color: #f56c6c, $alpha: 0.5) !important; }
以上就是vue 使用 sortable 实现 el-table 拖拽排序功能的详细内容,更多请关注本站其它相关文章!