如何在Vue中使用@click调用多个功能?

问题描述

问题:

如何在单个@click中调用多个功能? (又名v-on:click)?

How to call multiple functions in a single @click? (aka v-on:click)?

我尝试过

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

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

但是如何正确执行呢?

PS :可以肯定，我总是可以做到

P.S.: For sure I always can do

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

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

但是有时候这不好.

推荐答案

在Vue 2.3及更高版本上，您可以执行以下操作:

On Vue 2.3 and above you can do this:

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

这篇关于如何在Vue中使用@click调用多个功能?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！