vue2 el-menu 可拖拽排序

你可以使用 Vue.Draggable 和 ElementUI 来实现 vue2 el-menu 的可拖拽排序功能。以下是一个简单的实现过程：

1. 安装 Vue.Draggable 和 ElementUI：

npm install vuedraggable element-ui --save

2. 在你的组件中引入和注册 Vue.Draggable 和 ElementUI：

<template>
  <el-menu>
    <draggable v-model="menuItems">
      <template v-for="(item, index) in menuItems">
        <el-menu-item :index="index" :key="item.id">{{ item.label }}</el-menu-item>
      </template>
    </draggable>
  </el-menu>
</template>

<script>
import draggable from 'vuedraggable'
import { Menu, MenuItem } from 'element-ui'

export default {
  components: {
    draggable,
    'el-menu': Menu,
    'el-menu-item': MenuItem
  },
  data () {
    return {
      menuItems: [
        { id: 1, label: 'Item 1' },
        { id: 2, label: 'Item 2' },
        { id: 3, label: 'Item 3' }
      ]
    }
  }
}
</script>

3. 在你的组件样式中添加以下 CSS：

.el-menu__item-wrapper {
  cursor: move;
}

这样就可以实现 vue2 el-menu 的可拖拽排序功能了。