728x90
Vue 프레임워크로 프론트엔드 및 퍼블리싱 작업을 진행할 때, 많이 볼 수 있는 경고 메세지다.
Vue의 template 안에는 하나의 root 엘리먼트만 존재해야 한다.
root element 밖에 어떠한 엘리먼트가 존재하면 발생하는 경고 메세지로, 간단하게 수정할 수 있다.
다음과 같이 소스를 수정해주면 된다.
▼ warning
<script setup>
...
</script>
<template>
<div>warning 메세지 보고싶다.....</div>
<section>
<v-card>
<v-card-title>
good life
</v-card-title>
<v-row> ... </v-row>
<v-row> ... </v-row>
<v-row> ... </v-row>
</v-card>
</section>
</template>
▼ 처리
<script setup>
...
</script>
<template>
<section>
<div>warning 메세지가 안보인다.....</div>
<v-card>
<v-card-title>
good life
</v-card-title>
<v-row> ... </v-row>
<v-row> ... </v-row>
<v-row> ... </v-row>
</v-card>
</section>
</template>
728x90
'개발 > FRONT' 카테고리의 다른 글
[Vue3] Composition API 환경 컴포넌트 간 이벤트 전달하기 (2) | 2023.11.28 |
---|---|
[Vue] 페이지 이동 시 Router state로 객체 전달하기 (0) | 2023.11.09 |
[Vue] 라디오 버튼 형식의 체크박스 기능 개발하기 (0) | 2023.10.26 |
[Vue] 컴포넌트 간 파라미터 전달 방법 정리 (0) | 2023.10.25 |
[react-native] ChatGPT 사용하기 / Open AI 예제 (0) | 2023.05.12 |