vue.js - laravel의 공동 쿼리에서 반환된 데이터는 vuejs를 사용하여 표시됩니다. 원본 데이터 테이블은 표시할 수 있지만 관련 테이블 데이터는 표시할 수 없습니다.

Question

3개의 데이터 테이블 포함: 사용자, 기사, 이미지
사용자와 기사, 일대다, 즉 한 명의 사용자가 여러 기사를 가질 수 있음
기사와 이미지, 일대일, 즉 하나의 기사가 하나의 이미지를 가짐 , (이미지를 기사 테이블의 열로 사용할 수 있지만 여기서는 아직 그렇게 하지 않습니다.)

컨트롤러: 현재 로그인한 사용자의 기사와 기사에 해당하는 사진을 조회하여 반환하고, vuejs를 사용하여 프런트에서 접수합니다.

으아악

자바스크립트:

으아악

html:

으아악

두 가지 질문이 있습니다. 코드는 js 부분에 있습니다.
1. $.getJSON를 사용하여 ajax 요청을 보내고 객체를 반환하면 html의 제목 필드가 정상적으로 표시될 수 있습니다. 관련 테이블의 이미지 필드를 표시할 수 없습니다. 표시하려면 어떻게 작성해야 하나요?

2. vue-resource 코드를 사용하여 ajax 요청을 보낼 때 배열이 반환되고 배열의 요소는 객체입니다. 이때 제목 필드는 표시되지 않으며, 당연히 이미지 필드도 표시되지 않습니다. .표시하려면 어떻게 작성해야 하나요?

Answer 1

1. item.image.image

2. 대신 response.data或者response.json

을 사용하세요.

Answer 2

응답.데이터