백그라운드 데이터 얻기table 위의 구덩이에 표시할 수 없음
<tr v-for=" user in uList">
<td>{{user.id}}</td>
<td>{{user.name}}</td>
<td>{{user.gender}}</td>
</td>
</tr>
그리고 먼저 이런 코드를 썼어요.
created: function () {
axios.get("http://localhost:8080/student/findAll").then(function (response) {
this.uList = response.data;
console.log(uList);
}).catch(function (reason) {
})
}
그리고 백그라운드에서 데이터를 얻을 수 있으나table에 표시할 수 없습니다이것을 발견하다.uList는 변경된 데이터지만 table에 표시할 수 없습니다.
그리고 여기this가 외부this 대상이 아니라는 것을 발견하고 변경을 하면 데이터가 다시 표시됩니다.
new Vue({
el:'#app',
data:{
uList:[],
},
created: function () {
var arr = this;
axios.get("http://localhost:8080/student/findAll").then(function (response) {
arr.uList = response.data;
console.log(uList);
}).catch(function (reason) {
})
}
})
보충 지식: vue 데이터에 값이 있지만 페이지 {}} 값을 찾을 수 없습니다나의 문제는 js가 도입한 순서가 틀려서 vue의 값을 정상적으로 표시할 수 없다는 것이다
정확한 순서는 다음과 같다.
먼저 vue의 js-----html 코드-----마지막으로 자신이 쓴 js를 도입한다
이상의 이 간단한 이야기 vue가 백그라운드 데이터를 얻어table 위에 표시할 수 없는 구덩이는 바로 편집자가 여러분에게 공유한 모든 내용입니다. 여러분께 참고가 되고 저희를 많이 사랑해 주시기 바랍니다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Fastapi websocket 및 vue 3(Composition API)1부: FastAPI virtualenv 만들기(선택 사항) FastAPI 및 필요한 모든 것을 다음과 같이 설치하십시오. 생성main.py 파일 및 실행 - 브라우저에서 이 링크 열기http://127.0.0.1:...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.