最近遇到一个需求,组长想给table添加一个拖拽功能,可以让操作者快速的排序而不是一条数据一条数据的修改,由于element ui官方并没有提供table的
拖拽功能,为了响应号召,不重复造轮子,这里我们使用SortableJS。
首先,我们需要安装这一工具 在终端输入命令 npm install sortablejs --save等待安装完成
安装完成后在页面导入,import Sortable from 'sortablejs'
document.querySelector('.tabDialoginfo .el-table__body-wrapper tbody') 获取dom,这里必须要在this.$nextTick(() =>{})里,否则会造成找不到dom的错误
详细配置等请参考官方文档 https://github.com/SortableJS/Sortable