如何将多个事件附加到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' });