inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

보드 추가하기

slot interface에서 있는 button태그는..

해결된 질문

330

한아링

작성한 질문수 23

0

안녕하세요 수강중 slot 관련하여 질문드립니다~

예를들어, 아래와 같은 slot이 정의 되어있고,

<slot name="footer">

<button type="button">버튼입니다.</button>

</slot>

아래와 같이 활용을 하게되면 

<div slot="footer">

footer내용입니다.

</div>

slot interface에 있던 button태그는 사라지고 'footer내용입니다' 라는 내용으로 바뀌게 되는데 정의 되어있는 버튼을 활용하는 방법은 없을까요..?

slot태그 안에 작성되어있는 내용을 눈으로 확인하고  slot사용시 수동으로 button태그를 다시한번 작성해줘야하는걸까요..?

javascript vuejs

답변 3

1

김정환

혹시 슬롯을 사용할때 버튼도 함께 유지되는 것을 말씀하시는 것일까요? 그렇다면 슬록 외부로 버튼을 이동하면 될것 같아요.

0

한아링

감사합니다 !

0

한아링

"정의 되어있는 버튼을 활용" 은 제가 적은 예제 중에서 <button type="button">버튼입니다.</button> 이 부분이요!!

활용할 때 

<div slot="footer">

footer내용입니다.

</div>

이렇게 쓰면 footer안에 내용(button)이 다 덮어써진다고 할까요..? 그래서 footer내용입니다. 만 나오고 button 태그는 안나오는것같아서요~

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

315

2

질문이 있습니다.

0

298

1

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

0

265

1

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

0

328

1

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

0

247

1