-
질문 & 답변
카테고리
-
세부 분야
프론트엔드
-
해결 여부
미해결
@submit 미동작
21.02.28 23:58 작성 조회수 128
0
Home.vue
<template>
<div>
Home
<div>Personal Books</div>
<div ref="boardList">
<div v-for="b in boards" :key="b.id" >
<router-link :to="`/b/${b.id}`">
<div>{{ b.title }}</div>
</router-link>
</div>
<div>
<a href="" @click.prevent="addBoard">
새 게시판 생성...
</a>
</div>
</div>
<AddBoard v-if="isAddBoard" @close="isAddBoard=false" @submit="onAddBoard" />
</div>
</template>
methods: {
fetchData() {
this.loading = true;
// 게시글 조회 후 결과값 저장
board.fetchData().then((result) => {
// this.boards = result;
this.boards = result.list;
// API 호출 후 로딩중.. 끄기
}).finally(() => {
this.loading = false;
});
},
addBoard() {
console.log('addBoard()');
this.isAddBoard = true;
},
onAddBoard(title) {
console.log(title);
console.log('아무것도 안찍히네 ㅠㅠ');
board.create(title).then(() => {
this.fetchData()
})
}
},
소스코드 일부만 첨부했는데요,
<AddBoard v-if="isAddBoard" @close="isAddBoard=false" @submit="onAddBoard" />
이 부분에서 onAddBoard 함수를 정의해줬는데도 불구하고
실제 클릭 시 전혀 반응이 없어요.
버전 차이나 그런 문제도 있는지요?
답변을 작성해보세요.
0
답변 1