element ui 表格没有自带的拖拽排序的功能,只能借助第三方插件Sortablejs来实现,先来看一下动态图,效果是不是你们想要的。
首先需要安装Sortable.js
npm install sortablejs --save
然后引用
import Sortable from ‘sortablejs’
需要注意的是element table务必指定row-key,row-key必须是唯一的,如ID,不然会出现排序不对的情况。
代码如下:
<template>
<div>
<el-table
:data="tableData"
ref="singleTable"
highlight-current-row
border
row-key="id"
class="load_table"
>
<el-table-column
type="index&