vue树组件上移下移功能_易于定制且功能强大的7kb Vue树组件

vue树组件上移下移功能

Vue可拖动的嵌套树 (vue-draggable-nested-tree)

This is a draggable tree component. This component does not have css, you need to add your style refer to demo. The demo style is less, not difficult. This component doesn't render node. It exposes a node rendering slot. Please refer to the demo for rendering.

这是可拖动的树组件。 该组件没有css，您需要添加样式以参考demo。 演示样式较少，并不难。 该组件不渲染节点。 它公开了一个节点渲染槽。 请参阅演示进行渲染。

View demo 查看演示 Download Source 下载源

安装 (install)

npm i vue-draggable-nested-tree

用法 (usage)

进口 (import)

import {DraggableTree} from 'vue-draggable-nested-tree'
// vue-draggable-nested-tree contains Tree, TreeNode, DraggableTree, DraggableTreeNode
// import the component and register it as global or local component

数据 (data)

data: [
  {text: 'node 1'},
  {text: 'node 2'},
  {text: 'node 3 undraggable', draggable: false},
  {text: 'node 4'},
  {text: 'node 4 undroppable', droppable: false},
  {text: 'node 5', children: [
    {text: 'node 1'},
    {text: 'node 2', children: [
      {text: 'node 3'},
      {text: 'node 4'},
    ]},
    {text: 'nod