上移
赞
踩
- 点击按钮传入,下标
- <el-button
- size="mini"
- type="text"
- icon="el-icon-top"
- @click="move(scope.$index,scope.row)"
- v-hasPermi="['sourceData:detectManage:remove']"
- >上移</el-button
- >
- <el-button
- size="mini"
- type="text"
- icon="el-icon-bottom"
- @click="upDown(scope.$index,row)"
- v-hasPermi="['sourceData:detectManage:remove']"
- >下移</el-button
- >
-
-
- js 通过数组splice 方法进行删除替换从而实现点击上下移动
-
- // 上移
- move(index,row){
- if (index <= 0) {
- this.$message.error('不能继续向上移动')
- } else {
- const upData = this.listData[index - 1]
- this.listData.splice(index - 1, 1)
- this.listData.splice(index, 0, upData)
- }
- },
- // 下移动
- upDown(index, scope) {
- if (index === (this.listData.length - 1)) {
- this.$message.error('不能继续向下移动')
- } else {
- const downData = this.listData[index + 1]
- this.listData.splice(index + 1, 1)
- this.listData.splice(index, 0, downData)
- }
- },
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。