본문 바로가기
Development/Javascript | Vue.js

Vue.js - 슬롯(Slot) 존재여부

by Dev. Jkun 2022. 3. 9.
반응형

Vue.js 에서 컴포넌트를 다루는 작업에서 슬롯에 대한 존재여부 확인이 필요한 경우가 있다.

이에 Computed 로 슬롯존재여부를 다음과 같이 추적하면 된다.

export default {
	name : 'example-component',
	computed : {
		hasDefaultSlot(){
			// return this.$slots.default ? true : false;
			// !!this.$slots['default];
			return !!this.$slots.default;
		}
	}
}

 

반응형

댓글