[vue] vue props으로 넘긴 값 배열로 받고싶을때

컴포넌트에서 props으로 넘긴 값을 배열로 받고 싶으면, prop을 배열로 받으면 된다.

@Prop({default: () => []}) buttonType?:   string[];

data가

buttonType: ['join' ,'change'],

이렇다고 치면,

 

 

<vueComponent
	v-show="buttonType.indexOf('join') !== -1"
/>

이렇게 buttonType 배열 안에 join이 있으면 true로 반환하여 버튼이 보여지고,

없으면 -1로 false를 반환하여 버튼이 없게 된다.