BiKaBi今天整理了一下之前写的表格上下移动的功能,直接套用就可以
**
template部分
**
<el-table-column align="center" label="排序" fixed width="130">
<template slot-scope="scope">
<el-button
@click="upLayer(scope.$index,scope.row)"
icon="el-icon-top"
size="mini"
></el-button>
<el-button
@click="downLayer(scope.$index,scope.row)"
icon="el-icon-bottom"
size="mini"
></el-button>
</template>
</el-table-column>
**
script部分
**
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);
}
}