当前位置: 首页 > article >正文

Vue2:使用sortablejs实现el-table中行拖拽调整顺序

如图,实现拖拽表格中的行来调整行顺序,但是其中的编号仍然是1、2、3、4的顺序,不跟着变化。

实现如下:

一、导入sortablejs

import Sortable from "sortablejs";

export default {  
  components: {Sortable},
  data() {
    return {
    //数据中的id很重要,拖拽行重新排序后,需要根据id来定位每一行数据,所以id必须唯一且不为空,如果
    //没有正确设置id,拖拽后表格排序错乱
    steps:[
          {id:'1', order: 1, step:'step1', expectedResult:'result1'},
          {id:'2', order: 2, step:'step2', expectedResult:'result2'}
          ],
        }
    }   
}

二、template中创建table


http://www.kler.cn/a/516167.html

相关文章:

  • Go学习:常量
  • 考研机试:买房子
  • c#的tabControl控件实现自定义标签颜色
  • nginx分发请求超时切换服务
  • RabbitMQ 在实际应用时要注意的问题
  • Cesium特效——城市白模的科技动效的各种效果
  • 进程优先级
  • C语言-内存管理
  • 一个面向领域的直播平台开源!
  • Codeforces Round 1000 (Div. 2)(A-D)
  • 安宝特方案 | 智能培训:安宝特AR如何提升企业技能培训的效率与互动性
  • Zookeeper启动指定JDK版本
  • 【深度学习】神经网络实战分类与回归任务
  • WIN11 UEFI漏洞被发现, 可以绕过安全启动机制
  • 汇编实验·循环程序设计
  • 论文阅读 Multi-view Classification Using Hybrid Fusion and Mutual Distillation
  • Linux系统下速通stm32的clion开发环境配置
  • 数量4-经济、最值、周期
  • 安卓14自由窗口圆角处理之绘制圆角轮廓线
  • 天天AI-20250121:全面解读 AI 实践课程:动手学大模型(含PDF课件)
  • 【数据结构】顺序队列与链式队列
  • MySQL 主从复制(单组传统复制,GTID复制。双主复制)
  • qml ColorDialog详解
  • 【Unity】 HTFramework框架(五十九)快速开发编辑器工具(Assembly Viewer + ILSpy)
  • 没有屋檐的房子-023粪堆旁边的舞蹈
  • 国内股票年化收益回归分析(上)