table表格中数据点击，数据上移，数据下移功能

最新推荐文章于 2022-06-01 15:57:13 发布

Zack_ZXY

最新推荐文章于 2022-06-01 15:57:13 发布

阅读量2.1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：前端学习笔记文章标签：表格数据上移下移 es6 vue

本文链接：https://blog.youkuaiyun.com/u013253924/article/details/84585964

前端学习笔记专栏收录该内容

45 篇文章

订阅专栏

本文介绍了一种用于表格数据管理的简单算法，该算法能够实现数据行的上移和下移操作，通过调整数据索引位置，使得数据条目可以在表格中轻松地重新排序。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

其实就是两条数据互换位置，上移就是当前条跟上一条互换位置，下移就是当前条和下一条互换位置。

// table数据上移
export function moveUpTable(tableData, index) {
  if (index === 0) {
    // 数据已经置顶
  } else {
    tableData.splice(index - 1, 1, ...tableData.splice(index, 1, tableData[index - 1]))
  }
}
// table数据下移
export function moveDownTable(tableData, index) {
  if (index === tableData.length - 1) {
    // 数据已经置底
  } else {
    tableData.splice(index + 1, 1, ...tableData.splice(index, 1, tableData[index + 1]))
  }
}

tableData是表格的数据，index为当前条索引。