vue表格单元格数据拖拽互换

flymore96

已于 2024-11-08 17:00:32 修改

阅读量1.1k

点赞数 12

文章标签： vue.js 前端

于 2024-11-01 17:47:23 首次发布

本文链接：https://blog.csdn.net/flymore96/article/details/143437399

版权

帮助兄弟记录下成果，借鉴了https://juejin.cn/post/6844904136056668168

兄弟重写了原生底层，可以直接从下面两个链接参考下载。

很简陋的示例：http://doc.alwaysmissly.com/flexi-table/

NPM仓库地址：https://www.npmjs.com/package/@flexi-table/swapper

比较懒的，可以直接看下面的代码。

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>计划表-支持拖拽</title>
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css" />
    <style>
      .container {
     
        padding: 0 30px;
        background: #f1eded;
        height: 500px;
        padding-top: 30px;
      }
      .filtered {
     
        background-color: #f9f9f9;
      }
    </style>
  </head>
  <body>
    <div id="app" class="container">