[vue.js] el-tree 구성하기 (작성ing)

문제 상황 : tree 메뉴에서 아이템 이동 시 조건 여러개를 충족시키는지 판단해야함.

실제 상황 :

• node가 root 밖으로 나가지 않도록 체크하기

if(draggingNode.level > dropNode.level && dropNode.level === 1){
  return false
}

• 특정 카테고리 (class2, class3, class4) 끼리는 같은 종류의 카테고리끼리만 이동가능하도록 체크하기

if(draggingNode.level > dropNode.level && dropNode.level === 1){
  return false
}

• class1은 생성된 위치인 최초 node 포함하여 4 depth까지만 생성 가능하도록 체크하기
• class1은 생성된 위치인 최초 node 포함하여 4 depth까지만 이동 가능하도록 체크하기
• class2은 생성된 위치인 최초 node 포함하여 1 depth까지만 생성 가능하도록 체크하기
• class2은 생성된 위치인 최초 node 포함하여 1 depth까지만 이동 가능하도록 체크하기

가설 :

• 하나의 flag를 각각의 조건의 if문을 거쳐서 변경 후에 마지막에 return 하도록 해야하는가? 이 때의 문제점은?
• 삼항연산자를 중첩하여 사용해야 하는가? 이때의 문제점은?

고려해야할 점

• return은 최대한 빨리