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会将事件发出的数据注入该变量名。