其中 this.planFrom.caselist是表格的List
setUp(id, index) {
if(index == 0){
this.$message.warning("第一条不能上移了");
}else if(this.planFrom.caselist[index].id == id){
var data = this.planFrom.caselist[index];
this.planFrom.caselist[index] = this.planFrom.caselist[index-1];
this.planFrom.caselist[index-1] = data;
this.$message.success("用例上移成功");
}
else{
this.$message.error("数据问题:id与index不匹配,上移失败");
}
},
触发这个方法后,数据上移一行;但触发后页面展示末刷新,List数据更新了,页面表格没有动作,这行数据展示没上移,这可不是我们需要的效果。
在函数里将List数据源清空,再恢复,试了下解决不了。
后面想到将List数据删除一行,表格会刷新,我就在后面加加了List.splic(1,0)的方法试一下。试了下问题解决了。数据上移了一行
具体代码如下。
setUp(id, index) {
if(index == 0){
this.$message.warning("第一条不能上移了");
}else if(this.planFrom.caselist[index].id == id){
var data = this.planFrom.caselist[index];
this.planFrom.caselist[index] = this.planFrom.caselist[index-1];
this.planFrom.caselist[index-1] = data;
this.planFrom.caselist.splice(1,0)
this.$message.success("用例上移成功");
}
else{
this.$message.error("数据问题:id与index不匹配,上移失败");
}
},