Sortable.js实现可拖拽Table组件

目标

vue项目中实现一个可拖拽的Table组件，并保存拖拽后的顺序

安装Sortable

$ npm install sortablejs --save

代码实现

创建DragableTable.vue文件，定义template和props

<template>
  <div>
    <Table
      ref="table" :columns="columns" :data="data" highlight-row border>
    </Table>
  </div>
</template>

<script>

  export default {
    name: 'DragableTable',
    props: {
      columns: Array,
      data: Array
    },
    data() {
      return {
      }
    }
  };
</script>

引入依赖

import Sortable from 'sortablejs';

定义table对象

   data() {
      return {