当前位置:   article > 正文

el-table 控制cell的上下移动_e-table cell 滑动

e-table cell 滑动

近期在项目中遇到了要将表格cell进行上下移动的需求,于是乎来记录一下功能的实现过程

具体的需求效果是在表格的cell上通过两个按钮来实现表格的上下移动, 具体代码如下

  1. 上移动:
  2. moveUp(index, row) {
  3. const that = this
  4. // console.log('上移', index, row)
  5. if (index > 0) {
  6. const upDate = that.tableData[index - 1]
  7. that.tableData.splice(index - 1, 1)
  8. that.tableData.splice(index, 0, upDate)
  9. } else {
  10. alert('已经是第一条,不可上移')
  11. }
  12. }
  1. 下移动
  2. moveDown(index, row) {
  3. const that = this
  4. // console.log('下移', index, row)
  5. if (index + 1 === that.tableData.length) {
  6. alert('已经是最后一条,不可下移')
  7. } else {
  8. const downDate = that.tableData[index + 1]
  9. that.tableData.splice(index + 1, 1)
  10. that.tableData.splice(index, 0, downDate)
  11. }
  12. }

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/2023面试高手/article/detail/114579
推荐阅读
相关标签
  

闽ICP备14008679号