inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념

사용자 프로필 컴포넌트 스타일링 및 코드 정리

상위컴포넌트에서 slot 등록시 무조건 하위컴포넌트의 바로 아래 자식 요소여야 하는걸까요?

203

한아링

작성한 질문수 23

1

예제를 따라서 해보다가 하위컴포넌트 안에 slot속성을 지정했는데 slot을 div로 감싸니깐 안나오더라구요~

무조건 하위컴포넌트 바로 아래 자식 요소여야 하나요??

    <user-profile class="d-flex w-100 justify-content-between">
      <div> <!-- 요렇게 div로 감싸면 안되는것 같아서요~~ -->
        <router-link slot="username" v-bind:to="`/user/${userInfo.user}`">
          {{userInfo.user}}
        </router-link>
      </div>
    </user-profile>

vuejs javascript

답변 1

0

캡틴판교

안녕하세요 아라님, 좋은 질문이네요. 컴포넌트 태그 안에 들어가는 HTML 요소들은 슬롯에 들어갈 요소라고 간주하기 때문에 모든 요소에 slot 위치를 지정해주셔야 합니다 :) 그런 관점에서는 위 코드에서 router-link 태그에 있는 slot 속성을 div 태그로 옮기시면 될 것 같아요 :) 수강해 주셔서 감사합니다~

깃 권한 요청 드립니다

0

50

1

깃 권한 신청

0

50

1

깃 권한 요청드립니다.

0

111

1

깃허브 권한 요청 드립니다

0

144

1

깃허브 권한 요청 드립니다

0

161

1

깃허브 권한 요청 드립니다

0

167

1

깃허브 권한 요청 드립니다.

0

154

1

안녕하세요 vue 2.7로 수강하고 있는 학생입니다. 실무에서 최하위 자식의 props와 watch의 관계를 여쭈고자 합니다.

0

208

1

ide 타입추론 기능 사용할 수 없을까요??

0

207

1

컴포넌트 링크는 vue peek 익스텐션 설치가 필수인가요??

0

228

1

Vue3로 진행중입니다

1

338

1

Vue router-link 사용시 같은 url이면

1

506

1

vue3 에러 메세지...

1

670

2

id ="app" 중복

0

271

2

use undefined 에러가 나옵니다.

1

318

2

깃허브 권한 요청드립니다.

1

358

2

권한요청드립니다.

1

299

2

Vue3에서 구글 애드센스 탑재하기

1

437

2

코드가 정상 작동 되는건지 ...

1

303

1

강의에서 api를 따로 빼셨는데 얻는 이점이 뭐죠?

1

243

1

vuex 적용시 질문

1

288

2

라우터 버전이 안맞는데 어떤걸 써야하나요

1

384

2

UserView에 id 속성만 undefined로 넘어오는데 이유를 모르겠습니다..

1

455

2

권한요청 드립니다!

1

274

2