HTML表格行上下移动,vue使用elementui实现表格中上下移动功能

html代码

上移

下移

js代码

upLayer(index, row) {

var that = this;

if (index == 0) {

that.$message({

message: "处于顶端，不能继续上移",

type: "warning"

});

} else {

let upDate = that.prodata[index - 1];

that.prodata.splice(index - 1, 1);

that.prodata.splice(index, 0, upDate);

}

},

downLayer(index, row) {

var that = this;

if (index + 1 === that.prodata.length) {

that.$message({

message: "处于末端端，不能继续下移",

type: "warning"

});

} else {

let downDate = that.prodata[index + 1];

that.prodata.splice(index + 1, 1);

that.prodata.splice(index, 0, downDate);

}

}