-
카테고리
-
세부 분야
백엔드
-
해결 여부
미해결
app.vue 내용에서 빠진게 있나요?
21.06.21 10:52 작성 조회수 79
0
<script>
import { reactive } from '@vue/reactivity';
import { onMounted } from '@vue/runtime-core';
export default {
name: 'App',
components: {
},
setup() {
const data = reactive({
boardList: []
});
const getList = () => {
fetch('http://localhost:9000/board')
.then(response => response.json())
.then(response => {
data.boardList = response.data;
});
};
onMounted(() => {
getList();
});
return {
data: data,
getList: getList
}
}
}
</script>
소스는 위처럼 만들었는데...<a v-if="data.boardList.length == 0"
이부분에서 length 프로퍼티가 존재하지 않는다고..계속 에러뜨네요
강의 중 소스내용수정중 안넣은게 있나요?
const getList라든가 onMounted 넣기 전에는 에러안나더니
마저 강의대로 소스 내용위처럼 채우니 length 프로퍼티 에러가
왜 나는지 이해가 안가네요..첨부터 나던지해야할텐데..
그리고 자바에서 controller에서 /board 라고 호출할때
List<Board> 형태로 리턴하고 @ResponseBody로 선언해서
json형태로 리턴되게 메소드 만들어두면 되나요?
자바소스좀 간단하게 해당 메소드 소스좀 볼수있을가요?
만약 위의 json리턴형태가 메소드가 잘 만들어졌다면
데이타를 그리고 정상적으로 가져온다면 length 프로퍼티 에러나는
if구문쪽 빼면 화면에러는 안나니..데이타는 뿌려줘야할텐데
데이타역시 안나오네요 ㅠㅠ
답변을 작성해보세요.
답변 0