How to call multiple functions with @click in vue?
<p>Question:</p>
<p>How to call multiple functions in a single <code>@click</code>? (aka <code>v-on:click</code>)?</p>
<p>I tried</p>
<ul>
<li><p>Split functions with a semicolon: <code>&lt;div @click=&quot;fn1('foo');fn2('bar')&quot;&gt; &lt;/div&gt;</code>;</p>
</li>
<li><p>Use several <code>@click</code>: <code>&lt;div @click=&quot;fn1('foo')&quot; @click=&quot;fn2('bar')&quot;&gt; &lt;/div&gt;</code>;</p>
</li>
</ul>
<p>but how to do it properly?</p>
<p><strong>P.S.</strong>: For sure I always can do</p>
<pre><code>&lt;div v-on:click=&quot;fn3('foo', 'bar')&quot;&gt; &lt;/div&gt;

function fn3 (args) { 
  fn1(args);
  fn2(args);
}
</code></pre>
<p>But sometimes this isn't nice.</p>