Vue 내부 함수의 범위를 다시 정의하지 않으려면 어떻게해야합니까?

Question

data 속성에 액세스하려면 가짜 this을 작성하지 않으려면 어떻게해야합니까? Array.forEach에 전달 된 새 함수가 있으므로 thi 키워드는 실제로 Vue 인스턴스가 아닌 함수를 참조합니다.

created() { 
    this.items.push({ 
     value: 1000, 
     selected: false 
    }); 

    var otherThis = this; 
    someAjaxOperation.returnedJson.forEach(function (item, index) { 
     otherThis.items.push({ 
      selected: false, 
      value: item 
     }) 
    }); 
} 

당신이 볼 수 있듯이

, 나는 this의 복사본을 만드는 해키 해결 방법을 가지고있다. 더 좋은 방법이 있습니까?

Answer 1

vue 인스턴스에 항상 액세스 할 수있는 쉬운 방법 중 하나는 선언 할 때 사용한 변수를 사용하는 것입니다.

그래서 예를 들어, 당신은 다음과 같은 코드가있는 경우 :

가

var app = new Vue({ 
     el: '#app', 
     data: { 
       someVar: 1 
     } 
    }); 

그럼 당신은 항상

그래서 귀하의 예제가 될 app.someVar를 통해 someVar에 액세스 할 수 있습니다 :

created() { 
    this.items.push({ 
     value: 1000, 
     selected: false 
    }); 


    someAjaxOperation.returnedJson.forEach(function (item, index) { 
     app.items.push({ 
      selected: false, 
      value: item 
     }) 
    }); 
}