vue 에서 Object props로 처리 문의

Question

data라는 변수에 다음과 같이 담겨 있습니다.{ &#34;paging&#34;: { &#34;pagePerRow&#34;: 5, &#34;pagePerScreen&#34;: 5, &#34;totalCnt&#34;: 100, &#34;currentPage&#34;: 1, &#34;totalPage&#34;: 20, &#34;firstPage&#34;: 1, &#34;lastPage&#34;: 5, &#34;totalBlock&#34;: 4, &#34;prevBlockPage&#34;: 1, &#34;nextBlockPage&#34;: 6, &#34;linkUrl&#34;: null, &#34;start&#34;: 1, &#34;end&#34;: 5, &#34;offSet&#34;: 0 } }컴포넌트로 data를 넘겨 줬습니다.해당 컴포넌트에서는 다음과 같이 props 정의되어 있습니다.const props &#61; defineProps({ data: Object, });화면에 출력할때 data.paging 은 출력이 되는데, data.paging.이름 하면 오류납니다...// 성공 {{data.paging}}// 오류 : Cannot read properties of undefined (reading 'lastPage') {{data.paging.lastPage}}

일랑이유리 · Answer

data.paging?.lastPage해보셈

Warwickjjing · Answer

props로 받은 자식 컴포넌트는 data.paging안에 lastPage가 있는지 없는지 몰라서 undefined가 뜨는것입니다. ?. 는 safe call operator로 null check후 not null인 경우 접근합니다.

vue 에서 Object props로 처리 문의

2개의 답변

#object 목록