laravel에서 vue.js2로 json 응답 받기

모하메드 가브 르

요청을 보내고 이에 근거한 응답을 받고 싶습니다. 상태를 확인하고 다른 것을 표시하고 싶습니다. 문제가 무엇인지 알 수 없습니다. 경로가 잘 작동하는 것 같고 다음과 같은 응답을 받고 있습니다. 여기에 이미지 설명 입력

Vue 구성 요소를 사용하여 액세스하려고하는데 오류 상태가 정의되지 않았습니다. 여기에 Vue 구성 요소가 있습니다.

<script>
    export default {
        mounted() {
                axios.get('/userfound/' + this.profile_user_id)
                .then(function (response) {
                    console.log(response);
                    this.status = response.data.status;                   
                })
                .catch(function (error) {
                    console.log(error);
                  });
                },
        props: ['profile_user_id'],
        data(){
            return {
                status: ''
            }        
        },
        methods:{
            add_friend(){
                // this.loading = false
                axios.get('/add_friend/' + this.profile_user_id)
                .then(function (response) {
                    console.log(response);
                    if (response.data == 1) {
                        this.status = 'waiting'
                    }

                })
                .catch(function (error) {
                    console.log(error);
                  });
                }
            }
        }
</script>

내가 왜이 오류가 점점 오전 : TypeError: cannot read property 'status' of undefined ..내가 해본 적이 "this.status = response.body.status"하고 "this.status = response.data.status"있지만, 어느 쪽도 노력하고 있습니다

Pradeepb

변수의 범위에 문제가 있다고 생각합니다. 아래 답변을 시도하십시오.

<script>
export default {
    mounted() {
            var self = this;
            axios.get('/userfound/' + self.profile_user_id)
            .then(function (response) {
                console.log(response);
                self.status = response.data.status;                   
            })
            .catch(function (error) {
                console.log(error);
              });
            },
    props: ['profile_user_id'],
    data(){
        return {
            status: ''
        }        
    },
    methods:{
        add_friend(){
            // you can do same here as well
            var self = this;
            axios.get('/add_friend/' + self.profile_user_id)
            .then(function (response) {
                console.log(response);
                if (response.data == 1) {
                    self.status = 'waiting'
                }
            })
            .catch(function (error) {
                console.log(error);
              });
            }
        }
    }
</script>

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

API에서 JSON으로 응답 받기

분류에서Dev

ProximityKit KitUrl android에서 JSON 응답 받기

분류에서Dev

PHP에서 JSON 응답 받기

분류에서Dev

PHP에서 json 응답 받기

분류에서Dev

엠버로 JSON 응답 받기

분류에서Dev

qunit에서 recursion (-2) 응답 받기

분류에서Dev

안드로이드 관리 API 호출에서 json 응답 받기

분류에서Dev

vb.net의 httpwebrequest에서 Json 응답 받기

분류에서Dev

javascript / jquery를 사용하여 API에서 Json 응답 받기

분류에서Dev

요청이 실패 할 때 AlamoFire에서 JSON 응답 받기

분류에서Dev

jQuery를 사용하여 PHP에서 JSON 응답 받기

분류에서Dev

루프백에서 사용자 지정 JSON 응답 받기

분류에서Dev

Google Cloud Vision- OCR 요청에서 JSON 오류 응답 받기

분류에서Dev

Swift로 변수에 JSON 응답 넣기

분류에서Dev

Vue에서 json 응답 필터링

분류에서Dev

Android 클라이언트에서 서버로 Json을 게시하고 응답 받기

분류에서Dev

JavaScript에서 TIFF 파일로 응답 받기 읽기

분류에서Dev

응답에서 2 입력 받기-jquery ajax 호출

분류에서Dev

HttpClient postAbs Vert.x에서 2 분 후 응답 받기

분류에서Dev

ngrx @ effects에서 구성 요소로 오류 응답 받기

분류에서Dev

RTC에서 항상 응답으로 HTML 받기

분류에서Dev

낙타 경로에서 휴식 응답 받기

분류에서Dev

Visual Basic 2010 Express에서 파일 업로드 및 응답 받기

분류에서Dev

Windows 스토어 앱에서 httpclient로 UTF-8 응답 받기

분류에서Dev

다른 경로에서 REST APi 응답 받기

분류에서Dev

GET 요청에서 API로 응답 받기

분류에서Dev

JAVA-시스템에서 UI로 응답 받기

분류에서Dev

Ext JS Store에서 리더기 전에 JSON 응답 읽기

분류에서Dev

서비스 C #에서 Json 응답 구문 분석 오류 받기

Related 관련 기사

  1. 1

    API에서 JSON으로 응답 받기

  2. 2

    ProximityKit KitUrl android에서 JSON 응답 받기

  3. 3

    PHP에서 JSON 응답 받기

  4. 4

    PHP에서 json 응답 받기

  5. 5

    엠버로 JSON 응답 받기

  6. 6

    qunit에서 recursion (-2) 응답 받기

  7. 7

    안드로이드 관리 API 호출에서 json 응답 받기

  8. 8

    vb.net의 httpwebrequest에서 Json 응답 받기

  9. 9

    javascript / jquery를 사용하여 API에서 Json 응답 받기

  10. 10

    요청이 실패 할 때 AlamoFire에서 JSON 응답 받기

  11. 11

    jQuery를 사용하여 PHP에서 JSON 응답 받기

  12. 12

    루프백에서 사용자 지정 JSON 응답 받기

  13. 13

    Google Cloud Vision- OCR 요청에서 JSON 오류 응답 받기

  14. 14

    Swift로 변수에 JSON 응답 넣기

  15. 15

    Vue에서 json 응답 필터링

  16. 16

    Android 클라이언트에서 서버로 Json을 게시하고 응답 받기

  17. 17

    JavaScript에서 TIFF 파일로 응답 받기 읽기

  18. 18

    응답에서 2 입력 받기-jquery ajax 호출

  19. 19

    HttpClient postAbs Vert.x에서 2 분 후 응답 받기

  20. 20

    ngrx @ effects에서 구성 요소로 오류 응답 받기

  21. 21

    RTC에서 항상 응답으로 HTML 받기

  22. 22

    낙타 경로에서 휴식 응답 받기

  23. 23

    Visual Basic 2010 Express에서 파일 업로드 및 응답 받기

  24. 24

    Windows 스토어 앱에서 httpclient로 UTF-8 응답 받기

  25. 25

    다른 경로에서 REST APi 응답 받기

  26. 26

    GET 요청에서 API로 응답 받기

  27. 27

    JAVA-시스템에서 UI로 응답 받기

  28. 28

    Ext JS Store에서 리더기 전에 JSON 응답 읽기

  29. 29

    서비스 C #에서 Json 응답 구문 분석 오류 받기

뜨겁다태그

보관