如何將多個事件附加到一個ractive元素

Question

文檔describing method call event handling表明，它有可能多個處理程序連接到用逗號分隔的事件，就像這樣：

<p on-click='speak(), bark()'>{{name}}</p> 

然而，當元素，這將引發一個錯誤第一次呈現，很明顯我誤解了文檔。有人可以幫助我瞭解如何將多個處理程序附加到點擊事件。

在此先感謝

萊斯

Answer 1

我相信你還在使用0.7或以上。更新至（最新版本爲0.8.7截止發稿）和you'll be able to do the following：

const Component = Ractive.extend({ 
    template: ` 
    <button on-click="@this.foo(), @this.bar()">Click Me</button> 
    `, 
    foo(){ 
    alert('Hello') 
    }, 
    bar(){ 
    alert('World!') 
    } 
}); 

new Component({ el: 'body' });