Vue.js: v-On:event 또는 @event에 매개 변수가 포함된 익명 함수

Vue.js: v-On:event 또는 @event에 매개 변수가 포함된 익명 함수

아동 구성 요소에서 이벤트가 배출된 후 간단한 기능을 실행하고 싶다.문제는 자식 부품이 내 기능을 위한 매개 변수로 필요한 데이터를 내보낸다는 것이다.

어떻게 하면 파라미터를 주입하고 구성 요소에서 한 줄로 기능을 실행할 수 있는가?

<div v-on:posted="runTask"> </div> 

아니면

<div @posted="runTask"> </div> 

중요:템플릿에 맞았으면 좋겠는데 ()v-on:event또는@event구성 요소를 PHP 블레이드 템플릿에 보관하고 싶기 때문이다.

매개 변수가 있는 익명 함수의 경우 다음을 사용하십시오.

<div v-on:click="return function(data) { console.log(data); }"> </div> 

또는 보다 간결한 ES6:

<div v-on:click="(data) => { console.log(data); }"> </div> 

참고: 다음과 같은 변수 이름을 사용할 수 있음data. Vue.js는 이벤트와 함께 방출된 데이터를 해당 변수 이름에 주입할 것이다.

참조URL: https://stackoverflow.com/questions/46101328/vue-js-anonymous-function-with-parameter-in-v-onevent-or-event