小编典典

如何在vue中使用@click调用多个函数?

all

问题:

如何一次调用多个函数@click?(又名v-on:click)?

我试过了

  • 用分号分割函数:<div @click="fn1('foo');fn2('bar')"> </div>;

  • 使用几个@click: <div @click="fn1('foo')" @click="fn2('bar')"> </div>;

但如何正确地做到这一点?

PS :当然我总能做到

<div v-on:click="fn3('foo', 'bar')"> </div>

function fn3 (args) { 
  fn1(args);
  fn2(args);
}

但有时这并不好。


阅读 119

收藏
2022-09-02

共1个答案

小编典典

在 Vue 2.3 及更高版本上,您可以这样做:

<div v-on:click="firstFunction(); secondFunction();"></div>
// or
<div @click="firstFunction(); secondFunction();"></div>
2022-09-02