오류관리

[VueJs] Component template should contain exactly one root element.

k9e4h 2019. 9. 3. 16:22

 - Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead.

 

 

vue component에서 Template 하위에는 1개의 tag 영역만 나올 수 있음, 여러개의 tag의 경우에는 v-if, v-else-if를 통해 하나만 나올 수 있도록 컨트롤 해줘야함

 

 

오류 코드

<template>
    <div></div>
    <div></div>
    <div></div>
</template>    

 

정상 코드

<template>
    <div v-if=""></div>
    <div v-else-if=""></div>
    <div v-else></div>
</template>    

 

반응형