问题:
在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切换前,第一个表格的拖拽功能失效,注意细节调整