각각에 대해 내부에서 vue 데이터 개체에 액세스합니다.

각각에 대해 내부에서 vue 데이터 개체에 액세스합니다.

데이터에 다음 변수가 있습니다.

 data: function () {
    return {
      myVariable: false,
    }
  }

다음과 같이 루프 기능을 사용하여 이 변수에 액세스하려면 어떻게 해야 합니까?

  anArray.forEach(function(item) {
      this.myVariable = true; 
      // do something
  });

'this'는 vuejs 객체가 아닌 현재 루프 함수로 정의되지 않았습니다.

화살표 기능을 사용하여 각 루프 내에서 새로운 스코프를 만들지 않고thisVue 컴포넌트의 참조.

 anArray.forEach((item) => {
  this.myVariable = true; 
  // do something
});

바인딩할 수 있습니다.this기능 범위:

anArray.forEach(function(item) {
  this.myVariable = true; 
  // do something
}.bind(this));

또 다른 방법은 화살표 표기법을 사용하는 것입니다(100% 확신할 수 없습니다).

anArray.forEach((item) => {
  this.myVariable = true; 
  // do something
});

언급URL : https://stackoverflow.com/questions/47572372/access-vue-data-object-from-inside-a-foreach