拖拽在tab切换的表格当中不生效怎么办

问题:

在tab切换的表格中使用拖拽功能的时候,拖拽功能只在第一个表格当中生效

解决方法:

初始设置时,在mounted()函数当中初始化拖拽功能函数this.rowDrop(),在该函数中获取到的tbody只是第一个表格的tbody,其他表格完全没有获取到,因此不能操作

在进行tab切换的时候,tab切换函数handleClick(tab)可以获取到当前tab的所有信息,包括id,即tab.$el.id。tab切换时,给每一个表格添加身份标识(当前tab的id下的表格),重新初始化一下拖拽函数并传参this.rowDrop(tab.$el.id),修改拖拽函数获取到的tbody如下:

函数的其他部分代码基本不变,这样,就可以拖拽tab切换以后的表格了。

注意:此时页面初始化的时候,未进行tab切换前,第一个表格的拖拽功能失效,注意细节调整

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值