vue使用拖拽组件

vue-draggable 学习和使用

组件实例

Vue.Draggable

Vue.Draggable学习总结

嵌套代码：

调用代码（递归组件）

data() {
   return {
      list: [
        {
          name: 'task1',
          tasks: [
            { name: 'task 2', tasks: [] },
          ],
        },
        {
          name: 'task 3',
          tasks: [
            { name: 'task 4', tasks: [] },
          ],
        },
        {
          name: 'task 5',
          tasks: [],
        },
      ],
   };
}

直接这样用就好了

  nested-draggable(:tasks="list")