vue2 el-menu可拖拽

实现 Vue2 版本的可拖拽 el-menu 可以通过使用第三方库 vue-draggable 进行实现。具体实现步骤如下：

1. 安装 vue-draggable 库：

npm install --save vuedraggable

2. 在需要使用可拖拽 el-menu 的组件中引入 vue-draggable：

import draggable from 'vuedraggable'

3. 在组件中使用 draggable 组件包裹 el-menu：

<draggable v-model="menuList">
  <el-menu>
    <!-- el-menu-item -->
  </el-menu>
</draggable>

其中，menuList 是一个数组，用于存储 el-menu 的菜单项。

4. 在组件中定义 draggable 组件的 options，实现拖拽效果：

export default {
  data() {
    return {
      menuList: [], // el-menu 的菜单项
      options: { // draggable 组件的选项
        group: 'menuList',
        handle: '.el-icon-drag',
        animation: 150,
        ghostClass: 'sortable-ghost'
      }
    }
  },
  components: {
    draggable
  }
}

其中，options 中的 group 用于标识不同的拖拽组，handle 用于指定拖拽时的手柄，animation 用于指定拖拽动画的时间，ghostClass 用于指定拖拽过程中的样式。

通过以上步骤，即可实现 Vue2 版本的可拖拽 el-menu。