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

vxe表格行拖拽

安装第三方插件

import Sortable from 'sortablejs

 可以跟后端商议表格添加seq 顺序, 按照循序排序  

 secondInput  调用 修改接口api  然后重新获取数据  

//在get 请求之后  使用nextTick 使用 
const rowDrop = () => {nextTick(() => {let xTable2 = planDataRef.value;let sortable = Sortable.create(xTable2.$el.querySelector(".body--wrapper>.vxe-table--body tbody"),{handle: ".vxe-body--row",animation: 150,onEnd: ({ newIndex, oldIndex }) => {console.log(newIndex);console.log(oldIndex);planDetail.value[oldIndex].seq = newIndex + 1;secondInput(planDetail.value[oldIndex], true);console.log(planDetail.value, "planD1111etail.value");},});});
};

http://www.lryc.cn/news/230815.html

相关文章:

  • Linux之基本指令操作
  • 海康设备、LiveNVR等通过GB35114国密协议对接到LiveGBS GB28181/GB35114平台的详细操作说明
  • BUUCTF 面具下的flag 1
  • ArcGIS实现矢量区域内所有要素的统计计算
  • 3.4-初识Container
  • 壹基金爱泽瑞金 安全家园物料配送忙
  • arcgis--二维建筑面的三维显示设置
  • Maven 插件统一修改聚合工程项目版本号
  • 主从复制和读写分离
  • Redis模块的高级使用方式
  • Failed to restart network.service: Unit network.service not found.
  • wiki.js一个开源知识库系统
  • 关于Java抽象类和接口的总结和一点个人的看法
  • vue中ref的用法
  • 【华为OD题库-012】模拟消息队列-Java
  • Android修行手册 - 阴影效果的几种实现以及一些特别注意点
  • 【星海出品】SDN neutron (五) openvswitch
  • springboot整合vue2实现简单的新增删除,整合ECharts实现图表渲染
  • <蓝桥杯软件赛>零基础备赛20周--第5周--杂题-2
  • 数据结构哈希表(散列)Hash,手写实现(图文推导)
  • 【嵌入式设计】Main Memory:SPM 便签存储器 | 缓存锁定 | 读取 DRAM 内存 | DREM 猝发(Brust)
  • dameng数据库数据id decimal类型,精度丢失
  • python图神经网络,注意力机制、Transformer模型、目标检测算法、强化学习等
  • 安装包 amd,amd64, arm,arm64 都有什么区别
  • Ansible 企业实战详解
  • 云贝教育 |【技术文章】pg缓存插件介绍
  • Kohana框架的安装及部署
  • 无重复字符的最长子串 Golang leecode_3
  • Vue项目的学习一
  • k8s备份