vue的el-table实现行拖拽

一：效果图

​​​​​​​

 

二：准备

安装sortablejs库，实现拖拽效果

npm install sortablejs

安装element-plus库，实现手指图标效果

npm install element-plus

三：完整代码

<template>

    <el-table class="tableClass" :data="tableData" style="width: 100%" row-key="id">

     <el-table-column label="" width="100">

        <el-button link type="primary" size="small" :icon="Pointer">拖拽</el-button>

      </el-table-column>

      <el-table-column prop="id" label="ID" width="180" />

      <el-table-column prop="content" label=