vue使用sortablejs结合element Table实现拖拽

我是来写bug的吧

已于 2022-07-12 14:58:36 修改

阅读量1k

点赞数 1

分类专栏： VUE 文章标签： vue.js 前端 javascript

于 2022-07-12 14:57:24 首次发布

本文链接：https://blog.csdn.net/qq_55547532/article/details/125743237

版权

本文介绍了如何在Vue项目中使用SortableJS库，结合Element UI的Table组件，实现表格行的拖拽排序功能。通过安装SortableJS，引入到项目中，然后在表格组件中应用，可以轻松实现前端数据的动态排列。

摘要由CSDN通过智能技术生成

安装

npm install sortablejs --save

引入

import Sortable from "sortablejs";

使用

<template>
  <div class="table">
    <el-table :data="tableData" border style="width: 100%">
      <el-table-column prop="date" label="日期" width="180"> </el-table-column>
      <el-table-column prop="name" label="姓名" width="180"> </el-table-column>
      <el-table-column prop="address" label="地址"> </el-table-column>
      <el-table-column label="操作">
          <template slot-scope="scope">
              <div c