《ElementUI/Plus 踩坑》el-table + sortablejs 拖拽顺序错乱(Vue2/3适用)

news/2024/9/20 5:51:57 标签: elementui, vue.js, 前端

如图所示:

  • 把第一行拖到最后一行,鼠标up
  • 该行莫名其妙的跳到倒数第二行;

最后发现没有设置 el-table 属性 row-key ,即行数据的 Key,用来优化 table 的渲染;
在这里插入图片描述

属性 row-key 描述如下:
在这里插入图片描述
一定要设置

<el-table class="my-table" :data="tableData" style="width: 100%" row-key="id">
    <el-table-column prop="date" label="Date" width="180" />
    <el-table-column prop="name" label="Name" width="180" />
    <el-table-column prop="address" label="Address" />
</el-table>

PS:如果想进一步了解如何实现,请移步 《ElementUI/Plus:el-table + sortablejs 实现 row 拖动改变顺序(Vue2/3适用)》


http://www.niftyadmin.cn/n/5666653.html

相关文章

『功能项目』回调函数处理死亡【54】

我们打开上一篇53伤害数字UI显示的项目&#xff0c; 本章要做的事情是使用回调函数处理怪物Boss01死亡后增加主角经验值的功能&#xff0c;以及生成一个七秒的升级特效 首先增加一个技能特效重命名为PlayerUpGradeEffect 修改脚本&#xff1a;BossCtrl.cs 修改脚本&#xff1a…

windows docker下启动mysql报Bind on unix socket: Input/output error

MySQL :: MySQL 8.4 Reference Manual :: 2.5.6.3 Deploying MySQL on Windows and Other Non-Linux Platforms with Docker 如果你在容器的MySQL数据目录上绑定挂载&#xff08;详见持久数据和配置更改&#xff09;&#xff0c;你必须使用--socket选项将服务器套接字文件的位置…

C#|.net core 基础 - 值传递 vs 引用传递

不知道你在开发过程中有没有遇到过这样的困惑&#xff1a;这个变量怎么值被改&#xff1f;这个值怎么没变&#xff1f; 今天就来和大家分享可能导致这个问题的根本原因值传递 vs 引用传递。 在此之前我们先回顾两组基本概念&#xff1a; 值类型** vs 引用类型** **值类型&a…

MATLAB绘图:5.三维图形

三维图形 基本的三维绘图包括&#xff1a; 线型&#xff08;Line&#xff09;网格型&#xff08;Mesh&#xff09;区域型&#xff08;Area&#xff09;面型&#xff08;Surface&#xff09;方向矢量型&#xff08;Direction&#xff09;容积型&#xff08;Volumetric&#xf…

【PGCCC】使用 Postgres 进行数据分析的窗口函数

SQL 在处理单行数据时&#xff0c;甚至在聚合多行数据时都很有意义。但是&#xff0c;当您想比较已计算的行之间的数据时会发生什么&#xff1f;或者创建数据组并进行查询&#xff1f;输入窗口函数。 窗口函数往往会让人感到困惑 - 但它们是 SQL 中用于数据分析的非常棒的工具…

微信getUserProfile不弹出授权框

当我们在微信小程序开发工具中想要使用getUserProfile来获取个人信息的时候&#xff0c;会发现不弹出授权框&#xff0c;这是什么原因呢&#xff1f; 早在2022年的小程序官方公告中就已经明确给出了小程序用户头像昵称获取规则调整公告 因此如果还想继续使用getUserProfile的弹…

VS Code搭建LLVM(clang/clang++)编译环境(自己备用)

在MSYS2的MinGW64环境中&#xff0c;clang.exe工具是为了提供一种替代的C编译器。它基于LLVM项目&#xff0c;具有以下优势&#xff1a; 现代化特性&#xff1a;Clang支持最新的C标准和语言特性&#xff0c;提供更好的语法解析和错误提示。高效优化&#xff1a;Clang的优化技术…

分布式Redis(14)哈希槽

文章目录 一致性哈希算法理论普通哈希的问题一致性hash算法 Redis 使用哈希槽Redis Cluster集群 为什么Redis是使用哈希槽而不是一致性哈希呢&#xff1f;为什么Redis Cluster哈希槽数量是16384&#xff1f; 关键词&#xff1a;一致性 Hash&#xff0c;哈希槽&#xff0c; 带着…