javascript - Vue2 Ajax(axios)가 페이징을 통해 dom 데이터를 업데이트하지 못했습니다.

Question

프로젝트에서는 백그라운드 데이터가 한 번에 프런트 엔드로 전송되므로 프런트 엔드에서 페이징 처리를 해야 합니다.
Vue2+Axios는 Ajax 요청을 하는 데 사용됩니다. 현재 백엔드 데이터 console.log는 성공적으로 인쇄할 수 있지만 DOM에서는 업데이트할 수 없습니다.

html

으아악

JS

으아악

반환된 시뮬레이션 데이터 형식

으아악

여러번 확인해봤는데 여전히 스타일만 있고 데이터가 없네요. 전문가의 조언 부탁드립니다

Answer 1

생성된 메소드에서 첫 번째 요청에서 var self = this; to this.$ajax.get(url)을 언급하세요.
범위의 문제는 then 메소드의 this가 더 이상 vue에 없다는 것입니다.

Answer 2

당신의created ajax数据获取是异步的，你this.fanye()执行的时候，根本没有数据传入； 你可以打断点，console.log데이터를 먼저 사용해 보세요