Vue의 데이터 특성을 통해 함수 참조 전달

Vue의 데이터 특성을 통해 함수 참조 전달

콜백으로 사용하기 위해 함수를 리캡차에 전달하려고 합니다.작성해야 할 것:

data-callback="function"

Vue에서 함수 참조를 추가하려면 어떻게 해야 합니까?시도했습니다.

data-callback="{{ this.submitFocus }}"

data-callback="this.submitFocus"

Vue 2를 사용하고 있습니다.

Recapcha2는data-callback글로벌하게 사용 가능한 함수를 호출합니다.

설명서에서 볼 수 있는 바로는 이 설정을 위한 프로그래밍 방법은 없는 것 같습니다.이렇게 하려면 , 다음과 같은 것을 사용할 필요가 있습니다.

beforeMount () {
  window.submitFocus = () => { // using arrow function to preserve "this"
    this.submitFocus()
  }
},
beforeDestroy () {
  delete window.submitFocus
}

와 함께

data-callback="submitFocus"

템플릿에 추가해 주세요.속성값은 에 추가된 함수와 일치하기만 하면 됩니다.window.

data-callback는 DOM 요소의 html 속성으로 문자열에 불과합니다.오브젝트 인스턴스의 컨텍스트는 인식하지 않습니다. this.

그래서 사용할 수 없습니다.thisReCaptcha의 Atribute를 설정할 때 ReCaptcha는 필요 없이 호출할 수 있는 함수만 인식합니다.this.

다음과 같이 정의된 함수가 있는 경우

function submitFocus(){ ... }

글로벌하게 ReCaptcha가 콜을 하도록 설정할 수 있습니다.data-callback로.submitFocus에 대한 언급 없이this.

data-callback="submitFocus"

언급URL : https://stackoverflow.com/questions/50034877/passing-a-function-reference-through-data-attribute-in-vue