有没有办法从vue.js指令调用多个函数？

Question

有没有办法从vue.js指令中调用多个函数？

我知道我可以创建一个调用其他两个函数的函数。

如果我可以从html文件中调用同一事件的两个函数，我想知道。

例如：

<input type="text"
       v-on:keyup.enter="myFirstFunction()"
       v-on:keyup.enter="mySecondFunction()"    
>
</input>

不幸的是，它似乎只绑定了第一个函数。

Answer 1

这不能真正起作用，因为像v-on:keyup这样的指令只是浏览器的元素属性，并且你不能在元素上有重复的属性。

所以是的，你必须创建一个调用另外两个的方法。

  

这些功能在它们之间没有关系，并且它们在代码中没有使用相同的组合，因此，添加组成它们的代码没有意义

我不这么认为。在这种情况下，函数与相关 - 它们是从同一事件中调用的。一个简单的两行方法解决了这个问题。

Answer 2

尝试在第一个函数中调用第二个函数，或者调用第三个函数调用其中的两个函数，然后调用它。这是因为事件只被识别一次。

Answer 3

<input type="text"
       v-on:keyup.enter="myFirstFunction() & mySecondFunction()"
>
</input>