javascript - 从 ractive on-click 调用多个函数

Question

是否可以通过单击事件触发两个 active 函数。我假设它会尝试通过使用分号来表现出与 onclick 相同的行为，但它不会触发任何一个功能。

模板:

<div on-click="hello; world;"></div>

JS:

Ractive.on('hello', function(){
    console.log('hello');
});

Ractive.on('world', function(){
    console.log('world');
});

我试过逗号分隔和空格分隔。从一个单击事件中触发这两个函数的正确方法是什么。

Answer 1

这是一个类似于下面@Juan 的人为示例，但您可以有一个自定义事件来触发其他两个。

模板

<div on-click="custom"></div>

JS

Ractive.on('custom', function() {
  Ractive.fire('hello');
  Ractive.fire('world');
});

Ractive.on('hello', function(){
  console.log('hello');
});

Ractive.on('world', function(){
  console.log('world');
});