Vue.js：在v-on：event或@event中具有参数的匿名函数

Question

我想在子组件发出事件后执行一个简单的函数。问题在于子组件会发出我需要的数据作为函数的参数。

如何在组件的一行中注入参数并运行函数？

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

要么

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

重要提示：我希望它适合模板（v-on:event或@event），因为我想将组件保留在PHP刀片模板中。

Answer 1

对于带有参数的匿名函数，请使用：

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

或更简洁的ES6：

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

注意：您可以使用任何变量名来代替data。Vue.js将与事件一起发出的数据注入到该变量名中。