Vue.js 에러 : v-else used on element <span> without corresponding v-if

v-if
v-else-if
v-else

v-if / v-else-if / v-else 등의 

조건문 디렉티브를 사용할 때는
그 순서와 층위를 잘 맞춰서 써줘야 한다.

 

그렇지 않으면 아래와 같은 에러가 발생한다.

v-else used on element <span> without corresponding v-if.

v-else-if 와 v-else 디렉티브는 반드시 v-if 디렉티브 다음에 나와야 한다.
v-else-if는 여러 번 나와도 되지만, v-else 는 한 번만 쓸 수 있다.

 

- 220426