@submit 미동작

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 함수를 정의해줬는데도 불구하고

실제 클릭 시 전혀 반응이 없어요.

버전 차이나 그런 문제도 있는지요?

인프런 커뮤니티 질문&답변