嵌套vue可拖动

Question

例如，如果我们有一个嵌套的可拖动对象，例如使用VUE

List
[
  {
    "name": "task 1",
    "tasks": [
      {
                  "innertasks": [
                            {

                            }
                        ]
      }   
          ]
  },
  {
    "name": "task 2",
    "tasks": [
      {
                  "innertasks": [
                            {

                            }
                        ]
      }   
          ]
  },
 ]

我希望内部任务只能在内部任务之间拖动，而任务只能在任务之间拖动。

我如何做到这一点？