element-ui 表格组件el-table操作toggleRowSelection事件会主动触发selection-change的坑

使用 element-ui 的表格组件做了一个数据库备份，需要程序控制对已经完成的备份的表格标注备份完成并取消任务框取消选择，用到 toggleRowSelection 事件，发现原来的程序出现了问题，经过多次测试发现该事件会主动触发 selection-change 事件。

工作需求：

对勾选备份的表状态栏显示“备份成功”，取消备份完成数据表前面的勾选状态

思路：

对据数据表数组赋值 data_id,操作勾选时使用 selection-change 对被勾选的data_id添加到数组 ids。备份完成的数据 list.status 赋值 “备份完成”，使用方法 toggleRowSelection（row,false)   设置当前行的勾选状态为未勾选（备份的表格已经被勾选）

具体操作：

备份完第一张表则设置其 status为 “备份完成”，删除数组的第一个元素，出错！出错！出错！出错！

this.list[this.ids[0]].status = "备份完成";
this.changestatus(this.list[this.ids[0]], false);
this.ids.shift()

是不是ids数组自己已经删除了？？？删除 this.ids.shift();后一切正常；百思不得其解啊。经过问度娘告诉我，  toggleRowSelection 会主动触发 selection-change    。所以在此记录这个坑。

备份前勾选：

备份后