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會將事件發出的數據注入到變量名中。