028通过vuedraggable实现多级菜单并支持拖拽排序功能

最新推荐文章于 2024-06-11 15:08:21 发布

阿赛工作室

最新推荐文章于 2024-06-11 15:08:21 发布

阅读量626

点赞数

分类专栏：物联网项目开发笔记文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/qq_25753445/article/details/127725538

版权

028通过vuedraggable实现多级菜单并支持拖拽排序功能

多层级数据结构示例

const list = ref([
  {
   
    name: 'task 1',
    tasks: [
      {
   
        name: 'task 2',
        tasks: [
          {
   
            name: 'task 7',
            tasks: [
              {
   
                name: 'task 8',
                tasks: [],
                show: true,
              },
            ],
            showChild: true,
            show: true,
          },
        ],
        showChild: true,
      },
    ],
    showChild: true,
  },
  {
   
    name: 'task 3',
    tasks: [
      {
   
        name: 'task 4',
        tasks: [],
      },
    ],
    showChild: true,
  },
  {