当前位置: 首页 > Web前端 > vue.js

前端实现数组上下移动

时间:2023-03-31 15:59:05 vue.js

//向上移动Data(text,record,index,column){if(index===0){return;}else{//排序是这个。tableData[index-1].sort=Number(this.tableData[index-1].sort)+1;record.sort=Number(record.sort)-1;}//插入这个。tableData.splice(index-1,0,this.tableData[index]);//删除最后一项this.tableData.splice(index+1,1);this.$message.success("上移成功");}//下移Data(text,record,index,column){if(index===this.tableData.length-1){return;}else{//排序是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);