前端实现数组上移下移
Posted huahua
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了前端实现数组上移下移相关的知识，希望对你有一定的参考价值。
// 上移
upData(text, record, index, column) {
if (index === 0) {
return;
} else {
// sort是排序 后端要的
this.tableData[index - 1].sort =
Number(this.tableData[index - 1].sort) + 1;
record.sort = Number(record.sort) - 1;
}
// 在上一项插入该项
this.tableData.splice(index - 1, 0, this.tableData[index]);
// 删除后一项
this.tableData.splice(index + 1, 1);
this.$message.success("上移成功");
}
// 下移
downData(text, record, index, column) {
if (index === this.tableData.length - 1) {
return;
} else {
// sort是排序 后端要的
this.tableData[index + 1].sort =
Number(this.tableData[index + 1].sort) - 1;
record.sort = Number(record.sort) + 1;
}
// 在下一项插入该项
this.tableData.splice(index + 2, 0, this.tableData[index]);
// 删除前一项
this.tableData.splice(index, 1);
this.$message.success("下移成功");
}
// 删除
this.tableData.splice(index, 1);以上是关于前端实现数组上移下移的主要内容，如果未能解决你的问题，请参考以下文章