vue+element+sortableJS拖拽表格
项目代码中安装sortableJs
npm install sortablejs --save-dev
使用
页面代码
强烈建议在el-table组件中加入row-key属性,当拖动页面需要实时保存拖拽顺序时,row-key可以帮助列表页面渲染,如果不加,可能导致页面没有正确渲染。
<template>
<el-table
:data="tableData"
row-key="address"
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>
</template>
JS代码
&l