Javascript Vue.js:匿名函数,参数在v-on:event或@event中
我想在子组件发出事件后执行一个简单的函数。问题是子组件会发出我需要的数据作为函数的参数 如何在组件的一行中插入参数并运行函数Javascript Vue.js:匿名函数,参数在v-on:event或@event中,javascript,php,vue.js,vuejs2,Javascript,Php,Vue.js,Vuejs2,我想在子组件发出事件后执行一个简单的函数。问题是子组件会发出我需要的数据作为函数的参数 如何在组件的一行中插入参数并运行函数 <div v-on:posted="runTask"> </div> 或 重要提示:我希望它适合模板(v-on:event或@event),因为我希望将组件保留在PHP刀片模板中。对于带参数的匿名函数,请使用: <div v-on:click="return function(data) { console.log(data);
<div v-on: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>
注意:您可以使用任何变量名,而不是
数据
。Vue.js将把随事件发出的数据注入该变量名。这非常有用。我知道react可以做到这一点。我不知道Vue也可以。谢谢如何访问数据变量中的事件?
<div v-on:click="(data) => { console.log(data); }"> </div>