vue如何拖拽element-ui的table

最近遇到一个需求,组长想给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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值