基于VUE+ElementUI中el-tree组件实现数据拖拽

最新推荐文章于 2025-05-27 17:39:28 发布

原创

最新推荐文章于 2025-05-27 17:39:28 发布 · 1k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #elementui #前端

最近遇见一个这样的需求：树形数据结构需要支持拖拽移动。该方案简单便捷，基于ElementU就可以完成，无需第三方插件，废话少说，上源码！

静态效果图
动态效果图
实现源码（HTML）

    <el-tree
      ref="momdelTree"
      v-loading="moddleLoading"
      :highlight-current="true"
      :data="moddleTreeList"
      :filter-node-method="filterNode"
      node-key="id"
      default-expand-all
      :props="{ label: 'menuName', children: 'children' }"
      draggable