inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

트렐로 개발로 배우는 Vuejs, Vuex, Vue-Router 프론트엔드 실전 기술

보드 추가하기

@submit 미동작

212

하민호

작성한 질문수 3

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

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

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

vuejs javascript

답변 1

0

김정환

혹시 오타가 있는게 아닐가 살펴봤는데 아닌것 같아요. 혹시 코드를 공유해 주실수 있을까요? 깃헙 같은 걸로요.

객체가 함께 반환되는데 왜 그럴까요

1

134

2

babel-core module 에러

0

227

2

watch와 computed

1

246

1

nextTick 관련 질문

0

704

1

a 태그에 href를 빈 값으로 계속 주는 이유

0

767

1

함수에서 _를 사용하셨는데 어떨때 쓰이는 건가요?

0

348

1

watch로 router 감시할 때

0

407

1

보드 아이템 배경색 변경 관련 질문

0

288

1

NavigationDuplicated 에러

0

673

1

vue-router 설치 중 계속해서 오류가 발생합니다.

2

1413

2

로컬 스토리지 관련 질문입니다!

0

469

1

<router-link> 질문

0

310

1

(재질문/Vuex 적용 - 인증 1) 강의에서 8분 18초 부분 질문 있습니다.

0

285

1

router-link 와 router-view 의 차이를 모르겠습니다!

1

1088

1

왜 index.js를 바로 볼 수 있나요?

0

366

2

리스트 내 카드 이동 오류

1

541

0

보드를 추가했을 때 추가한 보드에 대한 화면 업데이트(?) 갱신(?)에 관한 질문입니다.

0

291

1

(Vuex 적용 - 인증 1) 강의에서 8분 18초 부분 질문 있습니다.

0

444

1

npm install 시 에러

0

991

2

안녕하세요 리스트 이동 관련 질문이 있습니다.

0

313

2

질문이 있습니다.

0

297

1

마지막 부분에 로그아웃 해서 로그인 화면으로 돌아왔을 때

0

264

1

소스 공유 받을수 있을까요?

0

327

1

setAuthInHeader 했는데 오류가 발생합니다.

0

246

1